Verwandte Erklärungen zur JavaScript-Formularvalidierung

Die Überprüfung von JavaScript-Formularen spielt eine wichtige Rolle bei der Anmeldung und Registrierung auf einer Website, daher bietet dieser Artikel ein detailliertes Verständnis davon.

JavaScript-Formularvalidierung

JavaScript kann verwendet werden, um Eingabedaten in HTML-Formularen zu validieren, bevor die Daten an den Server gesendet werden.

Formulardaten erfordern häufig die Verwendung von JavaScript, um ihre Richtigkeit zu überprüfen:

Überprüfen Sie, ob die Formulardaten leer sind?

Überprüfen Sie, ob es sich bei der Eingabe um eine korrekte E-Mail-Adresse handelt?

Überprüfen Sie, ob das Datum korrekt eingegeben wurde?

Überprüfen Sie, ob der Inhalt der Formulareingabe numerisch ist?

Erforderliche (oder erforderliche) Elemente

Mit der folgenden Funktion wird überprüft, ob der Benutzer die erforderlichen (oder erforderlichen) Elemente im Formular ausgefüllt hat. Wenn erforderlich oder das erforderliche Feld leer ist, wird das Warnfeld angezeigt und der Rückgabewert der Funktion ist falsch, andernfalls ist der Rückgabewert der Funktion wahr (was bedeutet, dass kein Problem mit den Daten vorliegt):

function validateForm(){
  var x=document.forms["myForm"]["fname"].value;  if (x==null || x=="")
  {
    alert("姓必须填写");    return false;  }}

Die obige Funktion hat das folgende Formular: Wird beim Absenden des Formulars aufgerufen:

Instanz

<form name="myForm" action="demo-form.php" onsubmit="return validateForm()" method="post">姓: <input type="text" name="fname"><input type="submit" value="提交"></form>

E-Mail-Validierung

Die folgende Funktion prüft, ob die eingegebenen Daten konform sind die grundlegende Syntax einer E-Mail-Adresse.

Das bedeutet, dass die Eingabedaten das @-Symbol und den Punkt (.) enthalten müssen. Gleichzeitig darf @ nicht das erste Zeichen der E-Mail-Adresse sein und es muss mindestens ein Punkt nach @ stehen:

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;  }}

Das Folgende ist der vollständige Code zusammen mit dem HTML-Formular:

Beispiel

rrree

In diesem Artikel werden einige verwandte Kenntnisse zur JavaScript-Formularvalidierung erläutert. Weitere Lernmaterialien finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Verwandte Kenntnisse und Verwendung von JavaScript-Booleschen Objekten

Verstehen und Verwendung von JavaScript-Cookies

Praktische Anwendungsmethode der JavaScript Switch-Anweisung

Das obige ist der detaillierte Inhalt vonVerwandte Erklärungen zur JavaScript-Formularvalidierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!