美文网首页
jquery validation自定义验证规则失效

jquery validation自定义验证规则失效

作者: 洋洋袁 | 来源:发表于2019-10-09 09:31 被阅读0次

jQuery.validator.addMethod("isMobile", function(value, element) {

var length = value.length; 

var mobile = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/; 

var isFixphone = /^(\(\d{3,4}\)|\d{3,4}|\s)?\d{7,14}$/;

var isInsidePhone = /^\d{5}$/;

return this.optional(element) || mobile.test(value) || isFixphone.test(value) || isInsidePhone.test(value); 

}, "请填写手机或者电话号码")

$("#inputForm").validate({

submitHandler: function(form){

loading('正在提交,请稍等...');

form.submit();

},

errorContainer: "#messageBox",

errorPlacement: function(error, element) {

$("#messageBox").text("输入有误,请先更正。");

if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){

error.appendTo(element.parent().parent());

} else {

error.insertAfter(element);

}

},

rules: {

telephone: {

required: true,

isMobile: true

}

}

});

我这里其实不具有参考性,因为是改代码,所以validate初始化了两次.另外就是要注意验证规则的命名和使用是否是一致的

相关文章

网友评论

      本文标题:jquery validation自定义验证规则失效

      本文链接:https://www.haomeiwen.com/subject/vdewpctx.html