form表单验证

/* 
 * 输入框验证
 * 
 * 注：
 *    1、必填验证需要在必填处加入 class="required"
 *    2、长度最大值需要在input加入自定义属性maxlen，例如maxlen="3"
*/
function validatorForm(){
//必填验证
var validatorList  = $(".required");
for(var i = 0; i < validatorList.length; i++){
var val = validatorList[i].value;
if(!val){
$("#"+validatorList[i].id).focus();
$("#"+validatorList[i].id).css({"border-color":"#ffa8a8","background-color":"#fff3f3","color":"#000","outline":"none"});
$("#"+validatorList[i].id).change(function(){
$("#"+validatorList[i].id).css({"border-color":"","background-color":"","color":""});
});
layer.msg("必填项不能为空");
return false;

}
}
//输入框长度最大值验证
var maxLengthList = $("input[maxlen]"); 
for(var i = 0; i < maxLengthList.length; i++){
var val = maxLengthList[i].value.length;
var maxLength = $("#"+maxLengthList[i].id).attr("maxlen");
if(val>maxLength){
$("#"+maxLengthList[i].id).focus();
$("#"+maxLengthList[i].id).css({"border-color":"#ffa8a8","background-color":"#fff3f3","color":"#000","outline":"none"});
$("#"+maxLengthList[i].id).change(function(){
$("#"+maxLengthList[i].id).css({"border-color":"","background-color":"","color":""});
});
layer.msg("长度不能超过最大值"+maxLength);
return false;

}
}


}

参考地址 https://blog.csdn.net/qq_35392549/article/details/80241058