jquery implémentation régulière du formulaire unifié validation_jquery

La vérification des formulaires a toujours été très lourde, en particulier pour les formulaires plus volumineux. Si vous écrivez une vérification séparée pour chaque entrée, ce sera un coup fatal. Récemment, j'ai écrit un court morceau de js pour vérifier uniformément si le contenu du formulaire est correct. .

En utilisant ce code, vous n'avez plus besoin d'écrire un jugement de format pour chaque entrée. Il vous suffit d'écrire le format correct de l'expression régulière dans le type de données. Le bouton Soumettre le formulaire doit uniquement être lié à la fonction checkForm.

Si vous avez des suggestions, veuillez commenter

<input type="text" datatype=“正则”/>

//表单验证
//点击下一步事件
function checkForm(form){
var success = true;
$("."+form+" input").each(function(){
var $that = $(this);
var dataType = eval($that.attr("dataType"));
if(dataType!=undefined){
if($that.val().match(dataType)){
$that.removeClass("borderRed");
}else{
$that.focus();
$that.addClass("borderRed");
success = false;
return false;
}
}
})
return success;
}

//给每个带有datatype属性的标签绑定blur focus事件

$(document).on("blur","input",function(){
var $that = $(this);
var dataType = eval($that.attr("dataType"));
if(dataType!=undefined){
if($that.val().match(dataType)){
$that.removeClass("borderRed");
}else{
$that.addClass("borderRed");
}
}
})
$(document).on("focus","input",function(){
$(this).removeClass("borderRed");
});

Le contenu ci-dessus vous a expliqué comment implémenter la validation de formulaire unifiée en utilisant la régularité jquery. J'espère que vous l'aimerez.