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

简介: js代码 1 2 3 4 //第一次输入密码,丢失焦点事件 5 function check2Pwd1(){ 6 //获取第一次输入的密码 7 var newPwd1=$("#newPwd1").

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

 

 

 

 

相关文章
|
数据安全/隐私保护
模拟用户登录情况,并且只能登录三次(只允许输入三次密码,如果密码正确,则提示登录成功,若三次均输入错误,则退出程序)
模拟用户登录情况,并且只能登录三次(只允许输入三次密码,如果密码正确,则提示登录成功,若三次均输入错误,则退出程序)
210 0
模拟用户登录情况,并且只能登录三次(只允许输入三次密码,如果密码正确,则提示登录成功,若三次均输入错误,则退出程序)
|
前端开发 JavaScript 数据安全/隐私保护
Validform验证修改密码
前端页面、验证原密码后台代码、提交表单js代码、提交表单后台代码。
129 0
|
前端开发 PHP 数据安全/隐私保护
laravle对密码验证,密码和重复密码
laravle对密码验证,密码和重复密码
389 0
laravle对密码验证,密码和重复密码
|
数据安全/隐私保护
|
数据安全/隐私保护
WordPress新用户注册时/修改密码提示“您的密码重设链接无效”
WordPress新用户注册时/修改密码提示“您的密码重设链接无效”
265 0
|
数据安全/隐私保护 索引
登陆操作:用户名和密码及进行录入判断 当用户名是li 密码是123456的时候显示登陆成功 。如果密码和用户名录入错需要循环录入。 并且录入错误次数超过三次提示:账号已锁。并且停掉循环
登陆操作:用户名和密码及进行录入判断 当用户名是li 密码是123456的时候显示登陆成功 。如果密码和用户名录入错需要循环录入。 并且录入错误次数超过三次提示:账号已锁。并且停掉循环
|
数据安全/隐私保护
用户名和密码校验程序
name = input('请输入用户名:') password = input('请输入密码:') if 6
1034 0
|
Ubuntu Android开发 数据安全/隐私保护