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验证用户名是否重复详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
相关推荐
-
Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
其中用到了jquery插件来验证用户名哦,这里是利用jquery ajax来验证用户名是否存在哦.大家看看效果图,后面将附上源码下载. jquery框架实现的ajax 验证用户名是否存在的部分JS 复制代码 代码如下: $("#accounts").formValidator({onshow:"请输入用户名",onfocus:"用户名至少4个字符,最多10个字符",oncorrect:"该用户名可以注册"}).inputVal
-
基于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.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实现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实现用户名无刷新验证的小例子
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
-
jQuery异步验证用户名是否存在示例代码
现在有个需求就是异步验证用户名是否存在.用的技术是jQuery异步验证和struts2(其实springMVC也是一样的道理,都只是一个控制器). 表单: 复制代码 代码如下: <input class="width150" maxlength="32" type="text" id="dept_name" name="dept.dept_name" value="${dept.dept_n
-
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
实例: 1.请求页面AJax.aspx HTML代码 复制代码 代码如下: <div> <input id="txtName" type="text" /><input type="button" value="查看用户名是否存在" id="btn" onclick="JudgeUserName();" /> <div id="show
-
使用struts2+Ajax+jquery验证用户名是否已被注册
推荐阅读:JQuery+Ajax+Struts2+Hibernate框架整合实现完整的登录注册 在用户模块中的用户注册需求上,通常要进行用户名是否已被注册的验证,今天正好写了这个需求,把详细代码和所遇到的问题贴过来.在使用struts2+ajax时候,通常我们会返回json类型的数据,但是像上面的例子,我们只希望返回一个1和0有助于进行后续判断即可,没必要返回json类型,返回一个text字符串就可以了. regist.jsp(这里只提供<script>部分): <script type
-
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验证邮箱格式是否正确实例讲解
我们来看看都有哪些邮箱: 我们如果一个个的邮箱进行判断,显然是不可能的了. -个完整的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,(可选)规定一个包含标志/选项的关联数组或者一个单一的标志/选项.检查每个过滤器可能的标志和选项.
随机推荐
- JS实现新建文件夹功能
- Linux下服务器重启的脚本命令
- Oscdimg 命令行选项使用
- Java中Scanner类与BufferReader类的不同点(非常详细)
- IOS实现简单的进度条功能
- C#页码导航显示及算法实现代码
- js展开闭合效果演示代码
- Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行
- ASP.NET(C#)实现一次性动态上传多张图片的代码(多个文件)
- C#微信小程序服务端获取用户解密信息实例代码
- js contains方法实现代码
- 比较详细的基于CentOS的WWW服务器架设指南第1/2页
- 深入SQL Server中定长char(n)与变长varchar(n)的区别详解
- Javascript学习笔记3 作用域
- java并发容器CopyOnWriteArrayList实现原理及源码分析
- Android自定义荷载进度的两种方法
- Android实现打开各种文件的intent方法小结
- MySQL Workbench的使用方法(图文)
- Vuex 进阶之模块化组织详解
- 一文快速了解JQuery中的AJAX