修改密码,验证两次输入是否相同,相同才能提交

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

 

 

 

 

上一篇:Spring Cloud Ribbon 客户端负载均衡


下一篇:springboot系列——重试机制原理和应用,还有比这个讲的更好的吗(附完整源码)