首页 > 代码库 > 修改密码,验证两次输入是否相同,相同才能提交

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

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             //获取提示信息的span28             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=http://www.mamicode.com/"${sysUser.sysUserId }">    <li><label>用户名<b>*</b></label><input  name="sysUserName" type="text" class="dfinput" value=http://www.mamicode.com/"${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=http://www.mamicode.com/"确认修改"/>&nbsp;&nbsp;&nbsp;&nbsp;            <input name="" type="reset" class="btn" value=http://www.mamicode.com/"重置信息">
View Code