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:"必填项!"}
			  }
		  });

猜你喜欢

转载自blog.csdn.net/lyz_112233/article/details/84062782