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验证用户名是否重复详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

赞 (0)

相关推荐

  • 利用jQuery.Validate异步验证用户名是否存在（推荐）

    HTML头部引用: <script type="text/JavaScript" src="../js/jQuery-1.3.2.min.js"></script> <script type="text/javascript" src="../js/jquery.validate.min.js"></script> <script type="text/javas

  • jQuery异步验证用户名是否存在示例代码

    现在有个需求就是异步验证用户名是否存在.用的技术是jQuery异步验证和struts2(其实springMVC也是一样的道理,都只是一个控制器). 表单: 复制代码 代码如下: <input class="width150" maxlength="32" type="text" id="dept_name" name="dept.dept_name" value="${dept.dept_n

  • 基于jQuery实现的Ajax 验证用户名唯一性实例代码

    基于jQuery实现的Ajax 验证用户名唯一性实例代码

    JSP部分代码: <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <%@include file="/common/header.jsp"%> <title>用户管理</title> <script type="text/javascript&quo

  • JQuery实现用户名无刷新验证的小例子

    1.在静态页面里添加文本框及样式和js脚本的引用: 复制代码 代码如下: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.jb51.net/--><html xmlns="http://www.w3.org/1999/xhtml" ><head id="Head1" runat="server">    <ti

  • 使用struts2+Ajax+jquery验证用户名是否已被注册

    推荐阅读:JQuery+Ajax+Struts2+Hibernate框架整合实现完整的登录注册 在用户模块中的用户注册需求上,通常要进行用户名是否已被注册的验证,今天正好写了这个需求,把详细代码和所遇到的问题贴过来.在使用struts2+ajax时候,通常我们会返回json类型的数据,但是像上面的例子,我们只希望返回一个1和0有助于进行后续判断即可,没必要返回json类型,返回一个text字符串就可以了. regist.jsp(这里只提供<script>部分): <script type

  • 基于jQuery实现的Ajax 验证用户名是否存在的实现代码

    基于jQuery实现的Ajax 验证用户名是否存在的实现代码

    实例: 1.请求页面AJax.aspx HTML代码 复制代码 代码如下: <div> <input id="txtName" type="text" /><input type="button" value="查看用户名是否存在" id="btn" onclick="JudgeUserName();" /> <div id="show

  • Asp.net下利用Jquery Ajax实现用户注册检测（验证用户名是否存）

    Asp.net下利用Jquery Ajax实现用户注册检测（验证用户名是否存）

    其中用到了jquery插件来验证用户名哦,这里是利用jquery ajax来验证用户名是否存在哦.大家看看效果图,后面将附上源码下载. jquery框架实现的ajax 验证用户名是否存在的部分JS 复制代码 代码如下: $("#accounts").formValidator({onshow:"请输入用户名",onfocus:"用户名至少4个字符,最多10个字符",oncorrect:"该用户名可以注册"}).inputVal

  • 基于jQuery实现Ajax验证用户名是否存在实例

    基于jQuery实现Ajax验证用户名是否存在实例

    本文章向大家分享基于jQuery实现的Ajax 验证用户名是否存在的实现代码,需要的码农朋友可以参考一下本文的源代码. jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详

  • 基于jQuery实现Ajax验证用户名是否可用实例

    本文实例为大家分享了jQuery ajax简单案例-验证用户名是否可用的具体代码,供大家参考,具体内容如下 HTML <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="/jquery_aj

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

    本文实例为大家分享了jquery验证用户名是否重复的具体代码,供大家参考,具体内容如下 $("#form-admin-add").validate({ rules:{ userName:{ required:true, minlength:2, maxlength:16, remote: { type: "post", url: "/checkUserName.html", data: { userName: function() { retur

  • Ajax验证用户名是否存在的实例代码

    jsp页面 <head> <script type="text/javascript" src="js/register.js"></script> </head> <table> <td>用户名:</td> <td> <input type="text" name="r_name" id="r_name"

  • layui的表单验证支持ajax判断用户名是否重复的实例

    如下所示: 在一个表单中,在提交前我们想判断该用户名是否存在,在layui中不支持.onblur()失去焦点事件,用按钮来手动触发,表单又不太美观,可以使用form表单的verify来进行验证. html: <div class="layui-form-item"> <label class="layui-form-label">用户名</label> <div class="layui-input-block&q

  • jquery验证邮箱格式是否正确实例讲解

    jquery验证邮箱格式是否正确实例讲解

    我们来看看都有哪些邮箱: 我们如果一个个的邮箱进行判断,显然是不可能的了. -个完整的Internet邮件地址由以下两个部分组成,格式如下:登录名@主机名.域名 中间用-个表示"在"(at)的符号"@"分开,符号的左边是对方的登录名,右边是完整的主机名,它由主机名与域名 组成.其中,域名由几部分组成,每一部分称为一个子域(Subdomain),各子域之间用圆点"．"隔开,每个子域都会告诉用户一些有关这台邮件服务器 的信息. 关键验证的正则表达式:

  • jquery删除指定子元素代码实例

    jquery删除指定子元素代码实例: 本章节介绍一下如何利用jQuery实现删除指定子元素. 如何利用原生javascript实现此功能可以参阅原生javascript删除指定子元素代码实例一章节. 其实实现此功能的方式有很多种,下面介绍一下其中比较常见的一种. 代码实例如下: 复制代码 代码如下: <!DOCTYPE HTML> <html> <meta charset="utf-8"> <title>我们</title>

  • Jquery异步上传文件代码实例

    这篇文章主要介绍了Jquery异步上传文件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 一,view代码 <form role="form"> <div class="form-group"> <label for="keyinput">选择文件:</label> <input type="file" name=

  • ajax验证用户名和密码的实例代码

    本文实例为大家介绍了ajax验证用户名和密码的具体代码,供大家参考,具体内容如下 1.ajax主体部分 var xmlrequest; function createXMLHttpRequest(){ if(window.XMLHttpRequest){ xmlrequest=new XMLHttpRequest(); } else if(window.ActiveXObject){ try{ xmlrequest=new ActiveXObject("Msxm12.XMLHTTP")

  • jQuery表单元素选择器代码实例

    本文实例为大家分享了jQuery表单元素选择器的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href=

  • php实现验证邮箱格式的代码实例

    验证邮箱格式是否正确可以通过filter_var函数来实现. 函数介绍: filter_var() 函数通过指定的过滤器过滤一个变量. 语法: filter_var(variable, filter, options) 参数介绍: variable,(必需)规定要过滤的变量. filter,(可选)规定要使用的过滤器的 ID.默认是 FILTER_SANITIZE_STRING. options,(可选)规定一个包含标志/选项的关联数组或者一个单一的标志/选项.检查每个过滤器可能的标志和选项.

随机推荐