欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

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

时间:2021-08-01 08:56:28|栏目:jquery|点击:

本文实例为大家分享了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

下一篇:jQuery实现下拉菜单动态添加数据点击滑出收起其他功能

本文标题:jquery 验证用户名是否重复代码实例

本文地址:http://www.codeinn.net/misctech/163287.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有