easyui-textbox注册界面实现双重验证,用户名不能重复和正则

刚接触到easyui,对一些功能还不是很了解,下面附上实现的代码,以供大家参考!
基于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>
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值