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>
  • 相关阅读:
    css将元素float和textalign方向一致时
    Asp.Net细节性问题技巧精萃
    ajax单个元素中实现多个回调函数
    javascript实现Observer模式来管理多个事件回调
    管闲事的小明
    字符串扩展
    (转的)计算组合数——整数拆分
    数学题杭电1002A+B。。。交了七遍,五遍竟然是没删除测试时候的输出= =。。。。
    快速排序。。。注意快速排序不适宜解决有重复数据的排序
    哈希查找统计元音
  • 原文地址:https://www.cnblogs.com/GumpYan/p/7592908.html
Copyright © 2011-2022 走看看