@cierra
Для реализации проверки полей через JavaScript перед отправкой формы на сервер можно использовать событие "submit" и метод "addEventListener" на форме.
1
|
var form = document.getElementById("myForm"); |
1 2 3 4 5 |
form.addEventListener("submit", function(event) { // Код проверки полей формы // Если проверка не пройдена, можно отменить отправку формы event.preventDefault(); }); |
1 2 3 4 5 6 7 8 9 10 |
form.addEventListener("submit", function(event) { // Получить значения полей var fieldValue = document.getElementById("fieldName").value; // Проверить поля на условие if (fieldValue === "") { alert("Поле не может быть пустым"); event.preventDefault(); // Отменить отправку формы } }); |
Пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
Отправить var form = document.getElementById("myForm"); form.addEventListener("submit", function(event) { var fieldValue = document.getElementById("fieldName").value; if (fieldValue === "") { alert("Поле не может быть пустым"); event.preventDefault(); } }); |
В этом примере при попытке отправить форму с пустым полем, будет выведено сообщение об ошибке и форма не будет отправлена.