Jak to zrobić — Walidacja JS dla pustych pól
Dowiedz się, jak dodać walidację formularza dla pustych pól wejściowych za pomocą JavaScript.
Walidacja formularza dla pustych danych wejściowych
Krok 1) Dodaj kod HTML:
Przykład
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()"
method="post" required>
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
Krok 2) Dodaj JavaScript:
Jeśli pole wejściowe (fname) jest puste, ta funkcja wyświetla komunikat i zwraca wartość false, aby zapobiec przesłaniu formularza:
Przykład
function validateForm() {
var x =
document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Name must be filled out");
return false;
}
}