• 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>
  • 相关阅读:
    Ruby笔记四(数组)
    中央直属企业名单【中国级别最高的169家企业】(转)找工作按这个来
    循环pthread_create导致虚拟内存上涨(续1)
    除掉行数小程序
    client comserver编译配置运行详细说明
    网络监听技术概览(转待看)
    查看 linux系统版本,内核,CPU,MEM,位数的相关命令(实验)
    项目中Shell脚本说明(待完善)
    多线程 or 多进程 (实验1)
    循环pthread_create导致虚拟内存上涨(续2)
  • 原文地址:https://www.cnblogs.com/GumpYan/p/7592908.html
Copyright © 2020-2023  润新知