首页 > 代码库 > 修改密码,验证两次输入是否相同,相同才能提交
修改密码,验证两次输入是否相同,相同才能提交
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>
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> </label> <input name="" type="submit" class="btn" value=http://www.mamicode.com/"确认修改"/> <input name="" type="reset" class="btn" value=http://www.mamicode.com/"重置信息">
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。