jquery reguläre Implementierung der einheitlichen Form validation_jquery

Die Formularüberprüfung war schon immer sehr umständlich, insbesondere bei größeren Formularen. Wenn Sie für jede Eingabe eine separate Überprüfung schreiben, ist dies ein Todesstoß. Kürzlich habe ich ein kurzes Stück JS geschrieben, um einheitlich zu überprüfen, ob der Formularinhalt korrekt ist .

Mit diesem Code müssen Sie nicht mehr für jede Eingabe eine Formatbeurteilung schreiben. Sie müssen nur das richtige Format des regulären Ausdrucks in den Datentyp schreiben. Die Schaltfläche zum Senden des Formulars muss nur an die checkForm-Funktion gebunden werden.

Wenn Sie Vorschläge haben, kommentieren Sie diese bitte

<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");
});

Der obige Inhalt hat Ihnen gezeigt, wie Sie eine einheitliche Formularvalidierung mithilfe der JQuery-Regelmäßigkeit implementieren. Ich hoffe, es gefällt Ihnen.