1. 程式人生 > >jquery validate 校驗

jquery validate 校驗

1、自定義新增驗證

js程式碼

//validate自定義手機號碼驗證
jQuery.validator.addMethod("isPhoneNum", function(value, element) {
    var length = value.length;
    var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/;//固定電話
    var isMob=/^1[34578]\d{9}$/;//手機電話
    var flag = isPhone.test(value) || (length==11 && isMob.test(value))
    return this.optional(element) || flag;
}, "請正確填寫您的手機號碼");

jsp 程式碼

 $("#noticePerson").validate({
			  rules:{
				  username:{required:true},
				  gender:{ required:true },
				  phoneNumber:{required:true,isPhoneNum:function(){return $("#phoneNumber").val()}},
				  email:{required:true,email:true},
			      open:{required:true}
			  },
			  messages:{
				  username:{required:"必填項!"},
				  gender:{ required:"必填項!" },
				  phoneNumber:{required:"必填項!",isPhoneNum:"輸入正確格式的電話號碼"},
				  email:{required:"必填項!",email:"輸入正確的email格式!"},
			      open:{required:"必填項!"}
			  }
		  });