Jquery验证插件JqueryValidation动态验证用户名等
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Jquery验证插件JqueryValidation动态验证⽤户名等
//form1 验证⽤户名
$("#form1").validate({
focusCleanup: false,
focusInvalid: false,
errorElement: "span",
errorClass: "sss",
errorPlacement: function (error, element) {
error.appendTo(element.next());
},
rules: {
TextUserName: {
required: true,
isCharlength6_12: true,
jszxolUserName: true,
remote: {
url: "../mobileApi.asmx/isExistsUserName",
type: "post",
dataType: "json",
async: false,//如果这⾥⽂本框填写完后直接快速点击按钮验证是否⽤户存在的话，此处最好写同步进⾏.
data: { user_name: function () { return $("#TextUserName").val(); } }
}
}
}, //rules
messages: {
TextUserName: {
required: "请输⼊⽤户名",
isCharlength6_12: "⽤户名为6-12位字符",
jszxolUserName: "以字母开头，长度在6-12之间",
remote: "⽤户名已存在"
}
}//messages
});
//form2 验证⼿机号
$("#form2").validate({
focusCleanup: false,
focusInvalid: false,
errorElement: "span",
errorClass: "sss",
errorPlacement: function (error, element) {
error.appendTo(element.next());
},
rules: {
TextUserPhone: {
required: true,
isMobile: true,
remote: {
url: "../mobileApi.asmx/isExistsPhone",
type: "post",
dataType: "json",
data: { mobile_number: function () { return $("#TextUserPhone").val(); } }
}
}
}, //rules
messages: {
TextUserPhone: {
required: "请输⼊⼿机号码",
isMobile: "⼿机号码不符合规范", remote: "⼿机号码已存在"
}
}//messages
});。