Formular mit Jquery validieren

Um diese Aufgabe auszuführen, verwenden wir Jquery Validation, eine Bibliothek, damit der Code sauberer, kompakter und erweiterbar ist. Diese Technologie funktioniert sowohl für PHP- als auch für asp.net-Entwickler, da sie auf der Clientseite und nicht auf dem Server ausgeführt wird.
Wir beginnen mit dem Herunterladen des Plugins http://jqueryvalidation.org/ und auch der neuesten Version von JQuery http://jquery.com/download/
Zwischen Etiketten
Das Plugin jquery.validation arbeitet mit Validierungsmethoden und den Validierungsregeln, die wir definieren werden.
Die Validierungsmethode ist der Datentyp, zum Beispiel ein numerisches Textfeld und die Validierungsregeln Sie ermöglichen es, ein Element unseres Formulars, beispielsweise in Texbox, einer oder mehreren Validierungsmethoden zuzuordnen.
Zum Beispiel definieren wir ein Formular und ein Namenstextfeld und weisen ihm eine ID und die erforderliche Klasse zu, dh erforderlich obligatorisch.

Name

Nach dem Formular geben wir den Code ein, der die Validierung durchführt

Das Ergebnis, wenn wir versuchen, das Formular zu senden, ohne etwas in das Namensfeld zu schreiben, ist eine Nachricht.Dieses Feld ist standardmäßig in Englisch erforderlich.

Wir werden dem Formular ein E-Mail-Feld hinzufügen und dem erforderlichen Attribut E-Mail zuweisen

Email

In diesem Fall können wir sehen, dass das E-Mail-Feld validiert wurde und es heißt, dass es sich nicht um eine gültige E-Mail handelt.
FEHLERMELDUNGEN ÜBERSETZEN
Wir haben gesehen, dass die jquery-Validierung standardmäßig die englische Sprache verwendet. Wir werden sehen, wie sie ins Spanische übersetzt wird. Wenn wir das Plugin in das Lokalisierungsverzeichnis herunterladen, enthält es die js-Dateien mit den Nachrichten, die in mehrere Sprachen übersetzt wurden. Wir müssen nur die gewünschte auswählen und hinzufügen, also fügen wir hinzu
Wir aktualisieren das Web und die Änderungen werden mit den Fehlern auf Spanisch beobachtet

Die Sprachdatei ist einfach Text, der eine jquery-Funktion enthält, daher können wir sie öffnen und bearbeiten, um die Nachrichten anzupassen.
Wenn wir möchten, dass ein Feld nicht validiert wird, werden wir die erforderliche Klasse nicht darauf setzen. Dieses Plugin unterstützt verschiedene Datenformate wie Maximalwert, Minimalwert, Datum, Ziffern, Linkvalidierung. Wir können auch Regeln wie ein Altersfeld erstellen, wo nur Zahlenwerte zwischen 18 und 99 Jahren eingegeben werden dürfen

$ () bereit (Funktion () {

$ ("#formdatos"). validieren ({

debuggen: wahr,

Regeln: {

Alter: {

erforderlich: wahr,-

Ziffern: wahr,

min: 18,

max: 99

}

}

})

})

Mit diesem Plugin sparen wir viel Zeit bei der Entwicklung von Webanwendungen und vermeiden beispielsweise Fehler bei der Datenerfassung.

Die Regeln und Methoden können komplexer erstellt werden und sogar Erweiterungen mit jquery-Funktionen wie Übersetzung oder anderen, die wir benötigen, durchführenHat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben