EasyUI验证密码不一致

来源：互联网发布：新业软件试用版编辑：程序博客网时间：2024/06/01 19:36

一、创建jvalidate.js工具类：

$.extend($.fn.validatebox.defaults.rules, {    equals: {        validator: function(value,param){            return value == $(param[0]).val();        },        message: '密码不一致！'    }});

二、在页面引入：

<script language="javascript" src="${pageContext.request.contextPath}/script/jquery-1.9.1.js" charset="utf-8"></script><script language="javascript" src="${pageContext.request.contextPath}/script/easyUI/jquery.easyui.min.js" charset="utf-8"></script><script language="javascript" src="${pageContext.request.contextPath}/script/easyUI/locale/easyui-lang-zh_CN.js" charset="utf-8"></script><script language="javascript" src="${pageContext.request.contextPath}/script/jvalidate.js" charset="utf-8"></script><link rel="stylesheet"  href="${pageContext.request.contextPath}/script/easyUI/themes/default/easyui.css"><link rel="stylesheet"  href="${pageContext.request.contextPath}/script/easyUI/themes/icon.css">

三、表单代码：

<div id="easyui_regDialog" class="easyui-dialog" data-options="title:'注册', modal:true,            closable:true,            closed:true,            buttons:[{                text:'注册',                handler:function(){                    $('#easyui_regForm').submit();                }            },{                text:'取消',                handler:function(){alert('注册')}            }]" >        <form id="easyui_regForm" method="post">        <table>            <tr>                <td>登陆名称：</td>                <td><input type="text" name="loginName" class="easyui-validatebox" data-options="required:true,missingMessage:'用户名称不能为空'"/></td>            </tr>            <tr>                <td>登陆密码：</td>                <td><input id="reg_pwd" type="password" name="password" class="easyui-validatebox" data-options="required:true,missingMessage:'用户密码不能为空'"/></td>            </tr>            <tr>                <td>确定密码：</td>                <td><input type="password" name="repassword" class="easyui-validatebox" data-options="required:true,missingMessage:'确认密码不能为空',validType:'equals[\'#reg_pwd\']'" /></td>            </tr>        </table>        </form>    </div>

四、脚本代码：

<script type="text/javascript">         $(function(){            $('#easyui_regForm').form({                url:'${pageContext.request.contextPath}/user_login.action',                onSubmit:function(){                },                success:function(data){                    alert(data);                }            });        });     </script>

0 0