为什么使用jquery validate进行表单验证时不能显示提示信息????
jQuery.validator.addMethod("isPhone",function(value,element){varlength=value.length;v...
jQuery.validator.addMethod("isPhone", function(value,element) {
var length = value.length;
var mobile =/^((13[0-9]{1})|(15[0-9]{1}))+\d{8}$/;
return this.optional(element) || (length==11&& mobile.test(value));
}, "请正确填写您的联系电话");
jQuery.validator.addMethod("isPostal", function(value,element) {
var length = value.length;
var patt=/^[0-9]{6}$/;
return this.optional(element) || (patt.test(value)&&length==6);
}, "请输入有效邮编");
$("#mtfOrderForm").validate({
rules:{
userName:{required:true,maxlength:60},
userTel:{
required:true,
isPhone:true
},
youbian:{required:true,isPostal:true},
messages:{
userName:{required:"姓名不能为空!"},
userTel:{required:"电话号码不能为空!",isPhone:"请输入有效电话号码!"},
youbian:{required:"邮编不能为空!",isPostal:"请输入有效邮编!"},
}
}
});
}); 展开
var length = value.length;
var mobile =/^((13[0-9]{1})|(15[0-9]{1}))+\d{8}$/;
return this.optional(element) || (length==11&& mobile.test(value));
}, "请正确填写您的联系电话");
jQuery.validator.addMethod("isPostal", function(value,element) {
var length = value.length;
var patt=/^[0-9]{6}$/;
return this.optional(element) || (patt.test(value)&&length==6);
}, "请输入有效邮编");
$("#mtfOrderForm").validate({
rules:{
userName:{required:true,maxlength:60},
userTel:{
required:true,
isPhone:true
},
youbian:{required:true,isPostal:true},
messages:{
userName:{required:"姓名不能为空!"},
userTel:{required:"电话号码不能为空!",isPhone:"请输入有效电话号码!"},
youbian:{required:"邮编不能为空!",isPostal:"请输入有效邮编!"},
}
}
});
}); 展开
- 你的回答被采纳后将获得:
- 系统奖励15(财富值+成长值)+难题奖励30(财富值+成长值)
1个回答
展开全部
你的JS写的没问题,是不是缺一些东西
$.validator.setDefaults({
submitHandler: function (form) {
form.submit();
}
});
首先,取消默认的提交事件,等验证完后提交(写在$("#form").validate()之前)
focusInvalid: true,
// onfocusout: true,
onfocusout: function(element) { $(element).valid(); },
onkeyup: false,
设置触发事件 一般是失去光标的时候出发
errorPlacement: function (error, element) {
error.appendTo(element.parent());
},
设置错误信息提示dom.没有这句话即使验证了,也显示不出来
$.validator.setDefaults({
submitHandler: function (form) {
form.submit();
}
});
首先,取消默认的提交事件,等验证完后提交(写在$("#form").validate()之前)
focusInvalid: true,
// onfocusout: true,
onfocusout: function(element) { $(element).valid(); },
onkeyup: false,
设置触发事件 一般是失去光标的时候出发
errorPlacement: function (error, element) {
error.appendTo(element.parent());
},
设置错误信息提示dom.没有这句话即使验证了,也显示不出来
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询