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;

}
}


}