Узнать, как создать добавление проверки формы для пустых полей ввода используя HTML, CSS и JavaScript.
Проверка пустых полей
Создать проверку формы для пустых полей ввода
Шаг 1) Добавьте HTML:
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()"
method="post" required>
Имя: <input type="text" name="fname">
<input type="submit" value="Отправить">
</form>
Шаг 2) Добавьте JavaScript:
Если поле ввода (fname) пустое, эта функция выводит сообщение и возвращает false, чтобы предотвратить отправку формы:
function validateForm() {
var x =
document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Имя должно быть заполнено");
return false;
}
}
Попробуйте сами »