zoukankan      html  css  js  c++  java
  • easyui 判断密码是否输入一致

    1.首先要扩展validatebox,添加验证两次密码功能 

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

    2.在HTML中要引入eqPassword函数

     <form id="modifyPwdForm" method="post">
                <input name="ids" type="hidden" />
                <table class="tableForm">
                    <tr>
                        <th>新密码:</th>
                        <td><input name="cpwd" type="password" class="easyui-validatebox" required="true" missingMessage="请填写新密码" /></td>
    
                    </tr>
                    <tr>
                        <th>确认密码:</th>
                        <td><input name="recpwd" type="password" class="easyui-validatebox" required="true" missingMessage="请再次填写新密码" validType="eqPassword['#modifyPwdForm input[name=cpwd]']" /></td>
                    </tr>
                </table>
            </form>    

    源码:

    <!DOCTYPE html>
    <html>
      <head>
        <title>password.html</title>
        
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="this is my page">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        
        <script type="text/javascript" src="../easyui/jquery.min.js"></script>
        <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>
        <script type="text/javascript" src="../easyui/locale/easyui-lang-zh_CN.js"></script>
      
       <link rel="stylesheet" href="../easyui/themes/default/easyui.css" type="text/css"></link>
       <link rel="stylesheet" href="../easyui/themes/icon.css" type="text/css"></link>
        
        <script>
            $.extend($.fn.validatebox.defaults.rules, {  
                eqPassword:{  
                validator:function(value, param) {  
                    return value == $(param[0]).val();  
                },  
                message : '密码不一致!'  
            }  
        });
        </script>
      </head>
      
      <body>
        <form id="modifyPwdForm" method="post">
                <input name="ids" type="hidden" />
                <table class="tableForm">
                    <tr>
                        <th>新密码:</th>
                        <td><input name="cpwd" type="password" class="easyui-validatebox" required="true" missingMessage="请填写新密码" /></td>
    
                    </tr>
                    <tr>
                        <th>确认密码:</th>
                        <td><input name="recpwd" type="password" class="easyui-validatebox" required="true" missingMessage="请再次填写新密码" validType="eqPassword['#modifyPwdForm input[name=cpwd]']" /></td>
                    </tr>
                </table>
            </form>    
      </body>
    </html>
  • 相关阅读:
    CSS3:三个矩形,一个宽200px,其余宽相等且自适应满铺
    pidera安装node.js(树莓派)
    深入JavaScript模块化编程
    c# 多显示器设置主屏幕(Set primary screen for multiple monitors)
    c# 获取移动硬盘信息、监听移动设备的弹出与插入事件
    C# 弹出USB外接硬盘(U盘)
    log4net 自定义Appender
    Scrum 思考
    监控浏览器关闭事件
    判断地图的点是否在面内 腾讯地图
  • 原文地址:https://www.cnblogs.com/GumpYan/p/7592908.html
Copyright © 2011-2022 走看看