Heim >Web-Frontend >js-Tutorial >Javascript-Formulare und validation-non-null validation_javascript-Kenntnisse

Javascript-Formulare und validation-non-null validation_javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:10:151411Durchsuche

Empfohlene Lektüre: Javascript-Formularvalidierungslänge

Validierungsformular für Javascript-Formulare senden

Javascript-Formularvalidierung – erste Einführung in reguläre Ausdrücke

Validierung von Javascript-Formularen – Enthüllung regulärer Ausdrücke

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

Überprüfen Sie vor dem Absenden des Formulars die Rechtmäßigkeit der Daten

Wenn Sie die Daten im Formular überprüfen möchten, können Sie getElementById() verwenden, um auf jedes Element auf der Webseite zuzugreifen

Jedes Formularfeld verfügt über ein Formularobjekt, das an jede Funktion übergeben werden kann, die Formulardaten validiert

<input id="zipcode" name="zipcode" type="text" size="5" onclick="showIt(this.form)"/>
function showIt(thisForm)
{
alert(thisForm["zipcode"].value);
//通过form对象的name属性,取得元素的值
}

Sie können das Namensattribut oder die Methode getElementById() verwenden, um das Element abzurufen

Der Zeitpunkt der Überprüfung der Formulardaten hängt von der Auswahl des richtigen zu verarbeitenden Benutzereingabeereignisses ab.

Mit anderen Worten, die Daten werden sofort nach Eingabe der Daten durch den Benutzer überprüft.

Die Reihenfolge, in der Benutzer Daten eingeben, ist:

Eingabefeld auswählen

Geben Sie Daten in das Feld ein

Verlassen Sie diesen Bereich und gehen Sie zum nächsten Ziel

Nächste Zieldomäne auswählen

Geben Sie Daten in das Feld ein

In diesem Prozess wird eine Reihe von Ereignissen ausgelöst. Mithilfe dieser Ereignisse können Sie die Möglichkeit finden, die Daten zu überprüfen

1) Wenn das Eingabefeld ausgewählt ist, wird das Onfocus-Ereignis (Fokus) ausgelöst

2) Beim Verlassen des Eingabefelds – Onblur-Ereignis auslösen (Fokus verlassen)

3) Wenn Sie die Domain verlassen und sich der Eingabeinhalt ändert, lösen Sie das onchange-Ereignis aus

Die korrekteste Wahl besteht darin, die Daten zu überprüfen, wenn das Onblur-Ereignis ausgelöst wird

Der erste Schritt der Verifizierung: Überprüfen Sie, ob die Domain nicht leer ist

<input id="phone" name="phone" type="text" size="12" onblur="validateNonEmpty(this)"/>

Rufen Sie „validateNonEmpty“ auf, um auf das Onblur-Ereignis zu reagieren

Das Formularobjekt wird mit dem Schlüsselwort this

an die Funktion übergeben

Das Folgende ist die Verifizierungsfunktion

function validateNonEmpty(inputField)
{
if(inputField.value.length==0)
{
alert("Please enter a value.");
return false;
} 
return true;
}

Beim Absenden eines Webformulars müssen die vom Benutzer eingegebenen Daten überprüft werden

Wenn Sie die Daten im Formular überprüfen möchten, können Sie getElementById() verwenden, um auf jedes Element auf der Webseite zuzugreifen

Der obige Inhalt ist die vollständige Beschreibung des Javascript-Formulars und der nicht leeren Überprüfung. Ich hoffe, dass er für alle hilfreich ist.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn