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>
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> </label> <input name="" type="submit" class="btn" value="确认修改"/> <input name="" type="reset" class="btn" value="重置信息">