前端之家收集整理的这篇文章主要介绍了
利用jQuery.Validate异步验证用户名是否存在(推荐),
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_502_0@HTML头部引用:
<div class="jb51code">
<pre class="brush:js;">
<script type="text/JavaScript" src="../js/jQuery-1.3.2.min.js">
<script type="text/javascript" src="../js/jquery.validate.min.js">
<script type="text/javascript" src="../js/messages_cn.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: "
用户名不可用"
}
}
});
});