Heim > Artikel > Web-Frontend > jQuery-Validierungs-Plugin-Verifizierungs-Plug-in-Handbuch Verifizierung_jquery
jquery.validate ist ein Verifizierungsframework unter jquery. Mit den Vorteilen von jquery können wir einige gängige Eingaben schnell überprüfen, unsere eigenen Verifizierungsmethoden erweitern und auch die Internationalisierung gut unterstützen.
Der normale Verifizierungsmodus ist wie folgt:
<form id="ff" action="xxx"> ... <input type="submit" value="提交"> </form> [java] view plaincopy在CODE上查看代码片派生到我的代码片 $('#ff').validate()
Solange Sie auf die Schaltfläche „Senden“ klicken, wird das Plug-in automatisch überprüft.
Aber manchmal möchten wir auf andere Schaltflächen klicken, um das Formular zu validieren, und dann den Rest basierend auf den Validierungsergebnissen des Formulars erledigen
Beim Betrachten des Quellcodes habe ich festgestellt, dass es eine form()-Methode gibt, mit der Überprüfungsvorgänge durchgeführt werden sollen, obwohl die wörtliche Bedeutung der Methode nicht übereinstimmt.
Dann können wir Folgendes tun:
var validator;// 申明一个全局变量 $(function(){ validator = $('#ff').validate();// 这句话会返回一个对象 }) function add() { var b = validator.form();// 返回一个布尔值 if(b){ // 验证成功 // do add... } } <button onclick="add()">保存</button>
Wenn ein Verifizierungsfehler auftritt, wird eine Fehlermeldung angezeigt. Wenn Sie die Fehlermeldung löschen möchten, können Sie die validator.resetForm();-Methode aufrufen
validator.form() und validator.resetForm() das Verifizierungs-Plug-in flexibel nutzen.
Validierungsfelder
erforderlich – PflichtfeldRemote – Fernüberprüfung
minlength – Überprüfung der Mindestlänge
maxlength – Überprüfung der maximalen Länge
rangelength – Längenbereichsvalidierung
min – Mindestwertüberprüfung
max – Maximalwertüberprüfung
Bereich – Bereichswertvalidierung
E-Mail – Überprüfung der E-Mail-Adresse
URL – Überprüfung der URL-Adresse
Datum – Datumsüberprüfung
dateISO – Überprüfung des ISO-Datumsformats
Zahl – Validierung der Dezimalzahl
Ziffern – digitale Verifizierung
Kreditkarte – Überprüfung der Kreditkartennummer
equalTo – Überprüfen Sie, ob der Wert eines anderen Textfelds gleich ist