Gewusst wie: JS-Validierung für leere Felder
Erfahren Sie, wie Sie mit JavaScript eine Formularvalidierung für leere Eingabefelder hinzufügen.
Formularvalidierung für leere Eingaben
Schritt 1) HTML hinzufügen:
Beispiel
<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>
Schritt 2) JavaScript hinzufügen:
Wenn ein Eingabefeld (fname) leer ist, warnt diese Funktion eine Nachricht und gibt false zurück, um zu verhindern, dass das Formular gesendet wird:
Beispiel
function validateForm() {
var x =
document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Name must be filled out");
return false;
}
}