Manuel du plug-in de vérification du plug-in de validation jQuery vérification_jquery

jquery.validate est un framework de vérification sous jquery. Grâce aux avantages de jquery, nous pouvons vérifier rapidement certaines entrées courantes, étendre nos propres méthodes de vérification et également bénéficier d'un bon support pour l'internationalisation.

Le mode de vérification normal est le suivant :

<form id="ff" action="xxx"> 
... 
<input type="submit" value="提交"> 
</form> 
[java] view plaincopy在CODE上查看代码片派生到我的代码片
$('#ff').validate() 

Tant que vous cliquez sur le bouton Soumettre, le plug-in sera automatiquement vérifié.

Mais parfois, nous voulons cliquer sur d'autres boutons pour valider le formulaire, puis faire le reste en fonction des résultats de validation du formulaire
.

En regardant le code source, j'ai découvert qu'il existe une méthode form(). Cette méthode permet d'effectuer des opérations de vérification, bien que le sens littéral de la méthode ne corresponde pas.

Ensuite, nous pouvons faire ceci :

var validator;// 申明一个全局变量 
$(function(){ 
validator = $('#ff').validate();// 这句话会返回一个对象 
}) 
function add() { 
var b = validator.form();// 返回一个布尔值 
if(b){ // 验证成功 
// do add... 
} 
} 
<button onclick="add()">保存</button> 

Si une erreur de vérification se produit, un message d'erreur s'affichera. Si vous souhaitez effacer le message d'erreur, vous pouvez appeler la méthode validator.resetForm();

De cette façon, avec les deux méthodes

validator.form() et validator.resetForm() nous pouvons utiliser le plug-in de vérification de manière flexible.

Champs de validation

obligatoire – champ obligatoire

à distance – vérification à distance

minlength – Vérification de la longueur minimale

maxlength – vérification de la longueur maximale

rangelength – validation de la plage de longueur

min – vérification de la valeur minimale

max – vérification de la valeur maximale

plage – validation des valeurs de plage

e-mail – Vérification de l'adresse e-mail

url – Vérification de l'adresse URL

date – vérification de la date

dateISO – Vérification du format de date ISO

nombre – Validation du nombre décimal

chiffres – vérification numérique

carte de crédit – vérification du numéro de carte de crédit

equalTo – Vérifiez que la valeur d'une autre zone de texte est égale