rush:js;">
$(function () {
$("#mgForm").validate({
rules:{//写入文本框中的限制条件
username:{ //指的是input中name的名字
required:true,//不能为空
minlength:6,//最短为6个
maxlength:10//最长为10个
},age:{
// range:[18,80] //年龄范围为18-80
required:true,//不能为空
},password:{
required:true,//必填
rangelength:[2,6] //长度为2-6
},password1:{
equalTo:"#pass" //重置密码必须与#pass中的密码保持一致
},email:{
email:true //email保证格式正确
}
},messages:{//
提示信息
username:{ //
用户名
required:"*此项必填",minlength:"*
用户名最小是6位",maxlength:"*
用户名最大是10位"
},age:{//年龄
range:"*年龄必须在18-80之间"
PostCode:"
错误"
},password:{//密码
required:"*必填",rangelength:"2-6"
},password1:{//重置密码
equalTo:"*密码不一致"
},email:{//邮箱格式
email:"*邮箱格式不正确"
}
},submitHanfler:function () {//如果全部验证正确就弹出弹窗
alert("全部通过")
},errorClass:"wrong",//给
错误字段
添加wrong样式
ig
nore:"#pass1",//忽略密码不一
errorElement:"div",//
错误信息单独
显示一行
focusInvalid:true,//提交表单后,未通过验证的表单(第
一个或提交之 前获得焦点的未通过验证的表单)会获得焦点
focusCleanup:true,// 当未通过验证的元素获得焦点时,并移除
错误提示
highlight:function (element,errorClass) {//在信息
错误时会出现一闪的
效果
$(element).addClass(errorClass);
$(element).fadeOut().fadeIn()
}
});
$.validator.addMethod("PostCode",function () { //此外,我们还可
自定义样式
var reg=/^[0-9]{6}$/;
return reg.test(value)
},"邮编输入不正确");
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。