easyui-textbox注册界面实现双重验证,用户名不能重复和正则
2017-08-24 16:14
369 查看
刚接触到easyui,对一些功能还不是很了解,下面附上实现的代码,以供大家参考!
基于jquery-easyui-1.4.2实现!
body的内容,用户名实现双重验证!
基于jquery-easyui-1.4.2实现!
$.extend($.fn.validatebox.defaults.rules, { username_isExist: { validator: function (value) { var existsUserName = $('#loginName').textbox('options').existsUserName; if (existsUserName == null) { return true; } else { return false; } }, message: '用户名已存在!' }, loginName: { validator: function(value,param){ //数字、字母、下划线,6-20长度 var t = /^[a-zA-Z0-9_\u4e00-\u9fa5]{1,7}$/; //var t = /^[a-zA-Z0-9_\u4e00-\u9fa5]+$/;只能含有汉字、数字、字母、下划线 长度并没有限制 return t.test(value); }, message:'只能含有汉字、数字、字母、下划线,并且长度不能大于7位!' } }); $(function() { $('#loginName').textbox({ onChange: function(newValue,oldValue) { if (!newValue) { $('#loginName').textbox('options').existsUserName = null; $('#loginName').textbox('validate'); } $.post('${pageContext.request.contextPath}/Login/doCheckName.do', { 'checkName' : newValue, },function(msg) { var b = msg.success; if (b == true) { $('#loginName').textbox('options').existsUserName = null; } else { $('#loginName').textbox('options').existsUserName = newValue; } //2中写法$(edPonbr.target).textbox('options').existsInvNo = (b ? null : newValue); $('#loginName').textbox('validate'); }, 'JSON').error(function() { }); } }); });
body的内容,用户名实现双重验证!
<div id="dlg_user" class="easyui-dialog" style="width:320px;" data-options="closable : false, title : '注册界面', modal : true, buttons : [ { text : '注册', handler : function() { doRegister(); } },{ text : '重置', handler : function() { doReset(); } },{ text : '返回', handler : function() { doReturn(); } }]"> <div style="padding:30px"> <form id="frm_register" method="POST" data-options="novalidate:true" action="${pageContext.request.contextPath}/Login/doRegister.do"> <table style='border-collapse: collapse; table-layout: fixed'> <tr> <td id="name">用户名:</td> <td><input class="easyui-textbox" id="loginName" type="text" name="loginName" data-options="iconCls:'icon-man',required:true,validType:['loginName','username_isExist'],missingMessage:'请输入用户名'"/></td> </tr> <tr> <td>密码:</td> <td><input class="easyui-textbox" id="password" type="password" name="password" data-options="iconCls:'icon-lock',required:true,validType:'password',missingMessage:'请输入密码'"/></td> </tr> <tr> <td>重复密码:</td> <td><input class="easyui-textbox" id="rePassWord" type="password" name="rePassWord" data-options="iconCls:'icon-lock',required:true,validType:'equalTo[\'#password\']', invalidMessage:'再次输入的密码不一致', missingMessage:'请再输入一次密码'"/></td> </tr> </table> </form> </div> </div>
相关文章推荐
- 在jsp界面实现对表单用户名、密码不能为空的验证代码
- android注册新用户时用户名、密码验证信息实时提示实现
- Java使用正则表达式对注册页面进行验证功能实现
- 表单注册验证用户名是否重复——Ajax学习手记
- Asp.net 利用Jquery Ajax实现(验证用户名是否存)用户注册
- PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
- Ajax(1)实现类似验证该用户名能否注册功能
- 用Ajax实现的验证用户名是否重复实例
- js验证注册用户名重复
- ajax+struts2实现验证用户名是否已经被注册
- 注册时:js的ajax实现局部刷新验证用户名
- ASP.NET中服务器控件Button调用javascript代码运用正则表达式验证TextBox中输入的是否为正整数或正小数,符合要求则继续运行服务器端代码功能的实现
- jQuery正则表达式实现表单验证功能(注册)
- ajax实现注册页面动态验证用户名是否已注册,不必提交即可验证
- ajax+javascript+php实现注册用户名无刷新验证
- easyui实现ValidateBox自定义验证数据库中是否存在重复字段
- 正则验证不能含有中文的实现方法【jQuery与java实现】
- 用ajax实现检测注册用户名是否重复的完整例子(一)
- ajax+servlet实现注册验证(验证用户名是否存在)
- JDBC编程作业--登陆界面的实现(检测数据库中是否有用户名,并且可以注册用户)!