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>
  • 相关阅读:
    设计模式(一)工厂模式Factory(创建型)
    c++ 依据输入动态声明数组(一维,二维)
    【课程分享】深入浅出嵌入式linux系统移植开发 (环境搭建、uboot的移植、嵌入式内核的配置与编译)
    正确的 zip 压缩与解压代码
    站点设计高性能高并发
    hdu 1712 ACboy needs your help 分组背包
    17周 oj 比較大小 类模板
    并行编程之多线程共享非volatile变量,会不会可能导致线程while死循环
    数据库升级ora-04063 DBMS_REGISTRY has error
    对软件体系结构的认识
  • 原文地址:https://www.cnblogs.com/GumpYan/p/7592908.html
Copyright © 2011-2022 走看看