jquery validate 校驗
阿新 • • 發佈:2018-12-26
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:"必填項!"} } });