Проверка формы для входов в текстовую область не удается, если пользователь входит только в символ Newline. ⇐ Html

[Anonymous]

Я строю форму с использованием проверки пользовательской формы Bootstrap 5. Проблема, которая у меня есть, заключается в том, что если пользователь щелкнет в ввод Textarea, который требует значения, попадает в «Enter», чтобы создать новую строку, а затем пытается отправить форму, валидатор формы не останавливает подчинение формы. Он думает, что символ Newline является допустимым значением, когда это не так. Кажется, я не могу найти никакой документации о том, как справиться с этим. Зеленая отметка на входе, хотя это не допустимая запись. См. Скриншоты, а также код ниже ... вот тоже код. Символ линии разрыва от того, что он считается действительным вводом сам по себе. png " /> < /p>

Код: Выделить всё

// Initialize form validation
const initializeFormValidation = () => {
"use strict";
// Fetch all the forms we want to apply custom Bootstrap validation styles to
var forms = document.querySelectorAll(".needs-validation");
// Loop over them and prevent submission
Array.prototype.slice.call(forms).forEach(function(form) {
form.addEventListener(
"submit",
function(event) {
if (!form.checkValidity()) {
event.preventDefault();
event.stopPropagation();
}
form.classList.add("was-validated");
},
false
);
});
};

initializeFormValidation();

// Reset form validation
$("#reset-button").on("click", () => {
$("#test-form").removeClass("was-validated");
$("#test-form").addClass("needs-validation");
});< /code>
/* Required Fields */

.required-field::after {
content: "*";
color: red;
margin-left: 2px;
}

.required-field-margin-left::after {
content: "*";
color: red;
margin-left: -2px;
}

form {
padding-left: 10px;
padding-top: 12px;
}

#help-text {
width: 550px;
margin-bottom: 1rem;
}< /code>







First, hit the submit form button to see the form validation stop form submission.

Then, click into the textarea box and hit enter.

You'll see the form validator say that the newline character is valid, when it is not.



Please enter a value.



Submit form

Reset form

Подробнее здесь: https://stackoverflow.com/questions/794 ... acter-only