HTML头部引用：
HTML内容（部分）：
JS代码部分：
添加的标签
errorElement: "span",rules: {
txtUserName: {
required: true,minlength: 3,maxlength: 16,remote: {
type: "post",url: "/tools/ValidateUserName.ashx",data: {
username: function() {
return $("#txtUserName").val();
}
},dataType: "html",dataFilter: function(data,type) {
if (data == "true")
return true;
else
return false;
}
}
}
},success: function(label) {
//正确时的样式
label.text(" ").addClass("success");
},messages: {
txtUserName: {
required: "请输入用户名，3-16个字符（字母、数字、下划线），注册后不能更改",minlength: "用户名长度不能小于3个字符",maxlength: "用户名长度不能大于16个字符",remote: "用户名不可用"
}
}
});
});
应注意的地方：
有返回值，如果直接写“data: {username: $("#txtUserName").val();}”，这样是获取不到值的。
以上所述是小编给大家介绍的利用jQuery.Validate异步验证用户名是否存在。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。
原文链接：/jquery/43714.html