JavaScript Formularvalidierung
JavaScript Formularvalidierung
JavaScript können, bevor sie in den Daten auf diese HTML-Formular-Eingabedatenvalidierung an den Server gesendet werden wird.
Formulardaten müssen oft JavaScript nutzen, um ihre Richtigkeit zu überprüfen:
- Stellen Sie sicher, dass die Formulardaten ist leer?
- Überprüfen Sie, ob die Eingabe eine korrekte E-Mail-Adresse?
- Überprüfen Sie die korrekte Eingabe Datum?
- Überprüfen Sie Formulareingabe ist numerischer Typ?
Erforderlich (oder obligatorisch) Projekt
Folgende Funktionen werden verwendet, um zu überprüfen, ob der Benutzer erforderlich ist, in einer Form (oder erforderlich) Projekt zu füllen. Falls erforderlich oder notwendig Option leer ist, dann wird eine Warnung Box Pop-up, und der Rückgabewert der Funktion ist falsch, da sonst der Rückgabewert der Funktion wahr ist (kein Problem bedeutet, dass die Daten):
function validateForm() { var x=document.forms["myForm"]["fname"].value; if (x==null || x=="") { alert("姓必须填写"); return false; } }
Die obige Funktion aufgerufen wird, wenn das Formular Form vorgelegt wird:
Beispiele
姓: <input type="text" name="fname">
<input type="submit" value="提交">
</form>
Versuchen »
E-Mail-Überprüfung
Funktion prüft, ob die Daten, die die folgende grundlegende Syntax von E-Mail-Adresse eingegeben erfüllt.
Sein Punkt ist, dass die Eingangsdaten muss das @ -Symbol enthalten und den Punkt (.). Inzwischen ist das @ nicht das erste Zeichen Mail-Adresse nach dem @ und die Notwendigkeit, für zumindest eine Reihe von Punkten:
function validateForm(){ var x=document.forms["myForm"]["email"].value; var atpos=x.indexOf("@"); var dotpos=x.lastIndexOf("."); if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){ alert("不是一个有效的 e-mail 地址"); return false; } }
Im Folgenden ist der vollständige Code zusammen mit HTML-Formular:
Beispiele
Email: <input type="text" name="email">
<input type="submit" value="提交">
</form>
Versuchen »