码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-07-16 21:21:19      阅读:526      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   java   color   strong   

js代码

bubuko.com,布布扣
 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插件验证)

 

bubuko.com,布布扣
<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

 

 

 

 

修改密码,验证两次输入是否相同,相同才能提交,布布扣,bubuko.com

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

标签:style   blog   http   java   color   strong   

原文地址:http://www.cnblogs.com/shangxiaofei/p/3836035.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!