您的位置:首页 > Web前端 > JQuery

jquery 验证用户名是否重复代码实例

2020-05-05 07:07 1391 查看

本文实例为大家分享了jquery验证用户名是否重复的具体代码,供大家参考,具体内容如下

$("#form-admin-add").validate({
rules:{
userName:{
required:true,
minlength:2,
maxlength:16,
remote: {
type: "post",
url: "/checkUserName.html",
data: {
userName: function() {
return $("#userName").val();
}
},
dataType: "html",
dataFilter: function(data, type) {
var data=JSON.parse(data)
if (data.status ==400)
return false;
else
return true;
}
}
},
password:{
required:true,
},
password2:{
required:true,
equalTo: "#password"
},
sex:{
required:true,
},
phone:{
required:true,
isPhone:true,
},
email:{
required:true,
email:true,
},
roleId:{
required:true,
},
},
success: function(label) {
//正确时的样式
label.text(" ").addClass("success");
},
messages: {
userName: {
required: "请输入用户名,3-16个字符(字母、数字、下划线),注册后不能更改",
minlength: "用户名长度不能小于3个字符",
maxlength: "用户名长度不能大于16个字符",
remote: "用户名不可用"
}
},
onkeyup:false,
focusCleanup:true,
success:"valid"
});

以上所述是小编给大家介绍的jquery验证用户名是否重复详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery 验证 用户名