zoukankan      html  css  js  c++  java
  • 修改密码,验证两次输入是否相同,相同才能提交

    js代码

     1 <script type="text/javascript">
     2     
     3     
     4         //第一次输入密码,丢失焦点事件
     5         function check2Pwd1(){
     6             //获取第一次输入的密码
     7             var newPwd1=$("#newPwd1").val();
     8             
     9             //获取第二次输入的密码
    10             var newPwd2=$("#newPwd2").val();
    11             //判断是够有再次输入密码,如果有,则进行两次输入值检查
    12             if(newPwd2!=null&&newPwd2.length>0){
    13                 return check2Pwd2();
    14             }
    15             
    16             return false;
    17         }
    18         //第二次输入密码时,丢失焦点触发此方法
    19         function check2Pwd2(){
    20             
    21             //获取第一次输入的密码
    22             var newPwd1=$("#newPwd1").val();
    23             
    24             //获取第二次输入的密码
    25             var newPwd2=$("#newPwd2").val();
    26             
    27             //获取提示信息的span
    28             var span=$("#newPwd2span");
    29             //进行判断是否相同
    30             if(newPwd1==newPwd2){
    31             
    32                 span.html("两次输入一致");
    33                 return true;
    34             }else{
    35                 span.html("两次输入不一致,请重新输入");
    36                 return false;
    37             }
    38         }
    39         
    40         
    41         //总验证,在提交表单时
    42         function checkAll(){
    43             var a=check2Pwd1();
    44             var b=check2Pwd2();
    45             return a&&b;
    46         }
    47     
    48     </script>
    View Code

    html代码(里面有nice validator插件验证)

    <form action="<%=request.getContextPath() %>/master/sysUser_updateSysUserPwd.action" method="post" onsubmit="return checkAll();" data-validator-option="{theme:'yellow_right_effect',stopOnError:true}" id="updateform">
        
        <ul class="forminfo">
            <input type="hidden" name="sysUserId" value="${sysUser.sysUserId }">
        <li><label>用户名<b>*</b></label><input  name="sysUserName" type="text" class="dfinput" value="${sysUser.sysUserName }" readonly="readonly" /></li>
        <li><label>新密码<b>*</b></label><input id="newPwd1" name="sysUserPass" type="password" class="dfinput" data-rule="新密码: required;password;" /></li>
        <li><label>再次输入密码<b>*</b></label><input id="newPwd2"  type="password" class="dfinput"  data-rule="再次输入的密码: required;match(sysUserPass);" /><span id="newPwd2span"></span></li>
        
       
        
        <li>
            <label>&nbsp;</label>
                <input name="" type="submit" class="btn" value="确认修改"/>&nbsp;&nbsp;&nbsp;&nbsp;
                <input name="" type="reset" class="btn" value="重置信息">
    View Code
  • 相关阅读:
    写在vue总结之前(一)
    前端应该掌握的web基础和网络知识
    sass之为什么要使用预处理器
    ThinkPHP简单的验证码实现
    ajax接收php返回得到一堆html代码
    Bootstrap 4,“未捕获错误:Bootstrap工具提示需要Tether(http://github.hubspot.com/tether/)”
    百度AI开放平台- API实战调用
    最短路径算法—Dijkstra(迪杰斯特拉)算法分析与实现(C/C++)
    C#避免踩坑之如何添加paint事件
    php插入mysql中文数据出现乱码
  • 原文地址:https://www.cnblogs.com/shangxiaofei/p/3836035.html
Copyright © 2011-2022 走看看