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

Auf diese Weise können wir mit den beiden Methoden

validator.form() und validator.resetForm() das Verifizierungs-Plug-in flexibel nutzen.

Validierungsfelder

erforderlich – Pflichtfeld

Remote – 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