验证密码和确认密码一致性

需要jquery
密码需要6-16位
要求：不含有空格就行
机制：
1.第一次密码输入有不合规密码时，第二次密码提示字体变黄色警告，并永远是黄色。（边框和提示字体颜色一致，以下用提示字体代表）
2.第一次密码输入不到6位，第二次密码提示字体变黄色警告，并永远是黄色。
3.第一次密码输入正确（密码在6-16且没有空格），获得焦点时提示字体变蓝色表示聚焦该焦点。
4.第二次密码输入和第一次密码一致时，提示字体变绿色表示两次密码输入一致。

需要jquery
密码需要6-16位
要求：不含有空格就行
机制：
1.第一次密码输入有不合规密码时，第二次密码提示字体变黄色警告，并永远是黄色。（边框和提示字体颜色一致，以下用提示字体代表）
2.第一次密码输入不到6位，第二次密码提示字体变黄色警告，并永远是黄色。
3.第一次密码输入正确（密码在6-16且没有空格），获得焦点时提示字体变蓝色表示聚焦该焦点。
4.第二次密码输入和第一次密码一致时，提示字体变绿色表示两次密码输入一致。
?1. [代码][JavaScript]代码  
$(document).ready(function()
{
    var info_pwflag=1;
    var info_apwflag=1;
 
    <!--第一次密码验证-->
 
    $("#pw").focus(function()
    {
        if($(this).val().length==0)
        {
            $(this).parent().css(‘border-color‘,‘#4DAFE4‘);
            $(".box_2 .info").css("color","#4DAFE4").text("请输入6-16位密码，不含空格！");
        }
        if(info_pwflag==1)
        {
            $(this).parent().css(‘border-color‘,‘#4DAFE4‘);
            $(".box_2 .info").css("color","#4DAFE4").text("请输入6-16位密码，不含空格！");
        }
        else
        {
            $(this).parent().css(‘border-color‘,‘red‘);
                $(".box_2 .info").css("color","red").text("请输入6-16位密码，不含空格！");
        }
    });
    $("#pw").blur(function()
    {
        var temp=$(this).val();
        if(temp.length==0)
        {
            $(this).parent().css(‘border-color‘,‘red‘);
            $(".box_2 .info").css("color","red").text("请输入密码！");
        }
 
        else
        {
            if(info_pwflag==1)
            {
                $(this).parent().css(‘border-color‘,‘#14BC3E‘);
                $(".box_2 .info").css("color","#14BC3E").text("输入正确！");
            }
        }
        if(temp.length<6)
        {
            if(info_pwflag==1)
            {
                $(this).parent().css(‘border-color‘,‘red‘);
                $(".box_2 .info").css("color","red").text("请输入6-16位密码，不含空格！");
                info_pwflag=0;
            }
        }
    });
    $("#pw").keyup(function(event)
    {http://www.huiyi8.com/tupian/?
        var info_user=$(this).val();
        if(info_user.length==0)
        {高清图片
            info_pwflag=1;
        }
        else
        {
            for(i=info_user.length-1;i>=0;i--)
            {
                var temp=info_user.charAt(i);
                if(temp==" ")
                {
                    info_pwflag=0;
                    break;
                }
                else
                {   
                    info_pwflag=1;
                     
                }
            }
        }
        if(info_pwflag==1)
        {
            $(this).parent().css(‘border-color‘,‘#4DAFE4‘);
            $(".box_2 .info").css("color","#4DAFE4").text("请输入6-16位密码，不含空格！");
        }
        else
        {
            $(this).parent().css(‘border-color‘,‘red‘);
                $(".box_2 .info").css("color","red").text("请输入6-16位密码，不含空格！");
        }       
    });
 
    <!--第二次密码验证-->
     
    $("#apw").focus(function()
    {
        if($(this).val().length==0)
        {
            if(info_pwflag==1)
            {
                $(this).parent().css(‘border-color‘,‘#4DAFE4‘);
                $(".box_3 .info").css("color","#4DAFE4").text("确认密码！");
            }
            else
            {
                $(this).parent().css(‘border-color‘,‘#CAC21F‘);
                $(".box_3 .info").css("color","#CAC21F").text("第一次密码输入不正确！");
            }
        }
        else
        {
            if(info_pwflag==1)
            {
                if(info_apwflag==1)
                {
                    $(this).parent().css(‘border-color‘,‘#4DAFE4‘);
                    $(".box_3 .info").css("color","#4DAFE4").text("确认密码正确！");
                }
                else
                {
                    $(this).parent().css(‘border-color‘,‘red‘);
                    $(".box_3 .info").css("color","red").text("确认密码不正确！");
                }
            }
            else
            {
                $(this).parent().css(‘border-color‘,‘#CAC21F‘);
                $(".box_3 .info").css("color","#CAC21F").text("第一次密码输入不正确！");
            }
        }
         
 
    });
    $("#apw").blur(function()
    {
        var temp=$(this).val();
        if(temp.length==0)
        {
            $(this).parent().css(‘border-color‘,‘red‘);
            $(".box_3 .info").css("color","red").text("请确认密码！");
        }
        else
        {
            if(info_pwflag==1)
            {
                if(info_apwflag==1)
                {
                    $(this).parent().css(‘border-color‘,‘#14BC3E‘);
                    $(".box_3 .info").css("color","#14BC3E").text("确认密码正确！");
                }
                else
                {
                    $(this).parent().css(‘border-color‘,‘red‘);
                    $(".box_3 .info").css("color","red").text("确认密码不正确！");
                }
            }
            else
            {
                $(this).parent().css(‘border-color‘,‘#CAC21F‘);
                $(".box_3 .info").css("color","#CAC21F").text("第一次密码输入不正确！");
            }
        }
    });
    $("#apw").keyup(function(event)
    {
        var info_user=$(this).val();
        var info_pw=$("#pw").val();
        if(info_pwflag==1)
        {
            if(info_user.length==0)
            {
                info_apwflag=1;
            }
            else
            {
                if(info_user==info_pw)
                {
                    info_apwflag=1;
                }
                else
                {
                    info_apwflag=0;
                }
            }
        }
        //alert(info_pw);
        if(info_pwflag==1)
        {
            if(info_apwflag==1)
            {
                $(this).parent().css(‘border-color‘,‘#4DAFE4‘);
                $(".box_3 .info").css("color","#4DAFE4").text("确认密码正确！");
            }
            else
            {
                $(this).parent().css(‘border-color‘,‘red‘);
                $(".box_3 .info").css("color","red").text("确认密码不正确！");
            }
        }
        else
        {
            $(this).parent().css(‘border-color‘,‘#CAC21F‘);
            $(".box_3 .info").css("color","#CAC21F").text("第一次密码输入不正确！");
        }       
    });
});

2. [代码]html代码    
<div class="box box_2">
                            <label class="item">密码</label>
                            <div class="login_bg pw_bg">
                                <input id="pw" class="login_input pw" type="password" autocomplete="off" maxlength="16" tabindex="2">
                            </div>
                            <div class="info"></div>
                        </div>
                        <div class="box box_3">
                            <label class="item">确认密码</label>
                            <div class="login_bg apw_bg">
                                <input id="apw" class="login_input apw" type="password" autocomplete="off" maxlength="16" tabindex="3">
                            </div>
                            <div class="info"></div>
                        </div>    
?

验证密码和确认密码一致性

时间： 2024-07-31 12:38:56

验证密码和确认密码一致性的相关文章

判断密码与确认密码是否一致

已下言论若有问题,希望大家及时提醒.谢谢啦~ 今天写的是注册页面,遇到了很多的问题,下面我把我的问题写出来,希望对大家有一丢丢的帮助,也是我对自己的总结. 首先的问题是若输入正确当失去焦点时输入框后面的'*'变为'√',我一开始用innerHTML来获取'*',但是始终获取不到,后来用val(),ok,终于获取到了.接下来就是在允许的范围内,将'*'变为'√',我用的是html('√'),我试了一下val('√')不可以下面是源码和图示. function checkUser (star,inp

JavaScript 正则表单验证（用户名、密码、确认密码、手机号、座机号、身份证号）

1.关于JavaScript表单验证,如果使用双向绑定的前端js框架,会更容易的多.但是博主还是建议大家不要脱离源生js本身.因为源生js才是王道. 注意: a.代码中的错误提示可能会没有,在代码中找到 "错误.jpg"  图片,自己制作一个 b.验证的判断已经完成,只需要根据自己的验证规则进行表单验证,更换自己的正则表达式. c.博主将错误提示图片插入本文档中.需要更名为  "错误.jpg",放到与html根目录下方可使用.      (错误提示图片) <!

Ubuntu中用户名密码和root密码修改

用户名密码和root密码不是同一个密码 重置(修改)root密码 ubuntu的root初始密码是随机的,每次开机都有一个新的root密码修改方法如下: 1.sudo passwd 2.此处需要输入用户名密码 3. 两次输入设定的root新密码. 4.输入 su root 切换到 root管理员 5.输入第三步设置的toot新密码就行 ps: 修改root密码方法一样 修改用户名密码 Ubuntu更改密码步骤: 1.打开一个终端,输入 sudo su转为root用户. 注意,必须先转为root用

django登录注册验证之密码包含特殊字符，确认密码一致实现

Form验证的原理 首先用户在注册界面提交表单,后台收到表单之后通过request.post取到数据然后传入已经写好的Form类 执行obj.is_valid()这里的obj为Form的实例,在Form类里面对字段一个一个进行验证先执行正则匹配然后执行clean方法 这里的clean方法就是一个钩子,但是不能在验证某个字段的时候调用其他字段,原因是这个时候其他字段不能确定是否验证完成了 需要在所有字段验证之后再执行这个钩子(clean方法)具体实现方法如下: __________________

Shiro自定义realm实现密码验证及登录、密码加密注册、修改密码的验证

一:先从登录开始,直接看代码 @RequestMapping(value="dologin",method = {RequestMethod.GET, RequestMethod.POST},produces="text/html;charset=UTF-8") @ResponseBody public ResultJson systemUserdologin(XXX xxx,HttpServletRequest request,HttpServletRespons

SharePoint 2019 无法验证安全令牌用户名和密码

SharePoint 2019 配置FBA,突然有用户报告说登陆不上去. 查看SharePoint日志,遇错误如下: [中文]An exception occurred when trying to issue security token: 无法验证安全令牌用户名和密码.. [英文] An exception occurred when trying to issue security token: The security token username and password could

js正则表达式:验证邮箱格式、密码复杂度、手机号码、QQ号码

直接上代码 Java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83

Android 手机卫士--确认密码对话框编写

本文接着实现“确认密码”功能,也即是用户以前设置过密码,现在只需要输入确认密码 本文地址:http://www.cnblogs.com/wuyudong/p/5940718.html,转载请注明出处. 布局文件和<Android 手机卫士--设置密码对话框>中的布局基本类似,所有copy一下,修改一点细节就搞定: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:and

HTML确认密码

html确认密码 今天准备分享一个小知识点,就是确认登录界面 <body ><form>输入户名: <input type="text" name="name"/><P>输入密码: <input type="password" name="pw" id="pw1"/></P><p>确认密码: <input type=&