jquery+正则实现统一的表单验证
表单验证一直很繁琐，特别是大点的表单，如果每个input都去单独写验证简直要写死人，最近写了一小段js统一的验证表单内容是否正确。
使用这段代码就不再需要对每个input写格式判断，只需要将正确格式的正则表达式写在datatype里就可以了，提交表单按钮也只需要绑定checkForm函数就可以了。
大家有什么建议可以评论一下
<inputtype="text"datatype=“正则”/>
//表单验证
//点击下一步事件
functioncheckForm(form){
varsuccess=true;
$("."+form+"input").each(function(){
var$that=$(this);
vardataType=eval($that.attr("dataType"));
if(dataType!=undefined){
if($that.val().match(dataType)){
$that.removeClass("borderRed");
}else{
$that.focus();
$that.addClass("borderRed");
success=false;
returnfalse;
}
}
})
returnsuccess;
}
//给每个带有datatype属性的标签绑定blurfocus事件
$(document).on("blur","input",function(){
var$that=$(this);
vardataType=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");
});
以上内容给大家分享了jquery+正则实现统一的表单验证，希望大家喜欢。