Heim > Web-Frontend > Front-End-Fragen und Antworten > So verwenden Sie das Validierungs-Plug-in in jQuery

So verwenden Sie das Validierungs-Plug-in in jQuery

WBOY
Freigeben: 2022-06-09 10:14:53
Original
1498 Leute haben es durchsucht

In jQuery wird das Validierungs-Plug-in zur Formularvalidierung verwendet, mit dem der vom Benutzer in das Formular eingegebene Inhalt überprüft werden kann. Gleichzeitig bietet das Plug-in zahlreiche Anpassungsoptionen, einschließlich URL und E-Mail Überprüfung und bietet eine Möglichkeit zum Schreiben benutzerdefinierter Methoden-API. Das heruntergeladene Plug-in kann über „

So verwenden Sie das Validierungs-Plug-in in jQuery

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.4.1-Version, Dell G3-Computer.

Validate-Plug-in in jQuery

Das jQuery Validate-Plug-in bietet leistungsstarke Validierungsfunktionen für Formulare, die die clientseitige Formularvalidierung einfacher machen und gleichzeitig eine Vielzahl von Anpassungsoptionen bieten, um verschiedene Anwendungsanforderungen zu erfüllen. Das Plugin bündelt eine Reihe nützlicher Validierungsmethoden, einschließlich URL- und E-Mail-Validierung, und stellt eine API zum Schreiben benutzerdefinierter Methoden bereit. Alle gebündelten Methoden verwenden standardmäßig Englisch für Fehlermeldungen und wurden in 37 weitere Sprachen übersetzt.

Die Standardverifizierungsregeln lauten wie folgt:

  • 1 erforderliche:wahre Felder, die eingegeben werden müssen.

  • 2 remote:"check.php" Verwenden Sie die Ajax-Methode, um check.php aufzurufen, um den Eingabewert zu überprüfen.

  • 3 email:true Es muss eine korrekt formatierte E-Mail eingegeben werden.

  • 4 url:true Sie müssen die URL im richtigen Format eingeben.

  • 5 date:true Es muss ein Datum im richtigen Format eingegeben werden. Datumsüberprüfung IE6-Fehler, mit Vorsicht verwenden.

  • 6 dateISO:true Sie müssen das Datum (ISO) im richtigen Format eingeben, zum Beispiel: 23.06.2009, 22.01.1998. Es wird nur das Format überprüft, nicht die Gültigkeit.

  • 7 Zahl:wahr Sie müssen eine gültige Zahl eingeben (negative Zahl, Dezimalzahl).

  • 8 Ziffern:wahr Sie müssen eine ganze Zahl eingeben.

  • 9 Kreditkarte: Es muss eine gültige Kreditkartennummer eingegeben werden.

  • 10 equalTo:"#field" Der Eingabewert muss mit #field identisch sein.

  • 11 akzeptieren: Geben Sie eine Zeichenfolge mit einem legalen Suffix ein (das Suffix der hochgeladenen Datei).

  • 12 maxlength:5 Geben Sie eine Zeichenfolge mit einer maximalen Länge von 5 ein (chinesische Zeichen zählen als ein Zeichen).

  • 13 minlength:10 Geben Sie eine Zeichenfolge mit einer Mindestlänge von 10 ein (chinesische Zeichen zählen als ein Zeichen).

  • 14 Bereichslänge:[5,10] Die Eingabelänge muss zwischen 5 und 10 liegen (chinesische Zeichen zählen als ein Zeichen).

  • 15 ​​​​Bereich:[5,10] Der Eingabewert muss zwischen 5 und 10 liegen.

  • 16 max:5 Der Eingabewert darf nicht größer als 5 sein.

  • 17 Min.:10 Der Eingabewert darf nicht kleiner als 10 sein.

    ?
  • 1 Das einzuführende Plug-in muss korrekt und nicht falsch sein.

2 Wenn Sie die jQuery-Dateibibliothek einführen möchten, muss die jQuery-Dateibibliothek vor dem Plug-in eingeführt werden. Das Plug-in basiert auf jQuery Bibliothek

Empfohlenes Video-Tutorial:

jQuery-Video-Tutorial

So verwenden Sie das Validierungs-Plug-in in jQuery

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Validierungs-Plug-in in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage