• jquery用正则表达式验证密码强度


    /**
             * 不加paste鼠标粘贴不起作用
             * 不加input第一次粘贴的时候不变
             * 加上input和focus可以兼容表情
             * keydown兼容IE6下按键不放
             */
            $('#email_pass').bind("keyup paste focus keydown",function(e) {
                //(?=^.{8,}$)((?=.*d)|(?=.*W+))(?![. ])(?=.*[A-Z])(?=.*[a-z]).*$ 强度密码正则(可选)
                var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\W).*$", "g");
                var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
                var enoughRegex = new RegExp("(?=.{6,}).*", "g");
                if (false == enoughRegex.test($(this).val())) {
                    $('#strong').css('background-color','#FF6600');
                    $('#good').css('background-color','#FF6600');
                    $('#weak').css('background-color','#FF6600');
                } else if (strongRegex.test($(this).val())) {
                    $('#strong').css('backgroundColor','green');
                    $('#good').css('backgroundColor','green');
                    $('#weak').css('background-color','green');
                } else if (mediumRegex.test($(this).val())) {
                    $('#good').css('backgroundColor','green');
                    $('#weak').css('background-color','green');
                    $('#strong').css('background-color','#FF6600');
                } else {
                    $('#weak').css('background-color','green');
                    $('#strong').css('background-color','#FF6600');
                    $('#good').css('background-color','#FF6600');
                }
                return true;
            });
    <input type="password" name="pass" id="email_pass" /> <span id="passstrength"></span>
  • 相关阅读:
    Python——Sublime Text3编写Python的一些问题
    html/css/js----js中遇到的一些问题
    eclipse--常见问题
    前端如何实现拖拽效果(一)
    在vue中如何实现上传本地视频和图片预览
    关于NodeJS中mysql连接池卡死问题
    学习Mysql3——约束条件
    Vuex基础用法
    学习Mysql2--增删改查
    学习Mysql1——mysql安装和基本命令使用
  • 原文地址:https://www.cnblogs.com/xuxiang/p/3418192.html
Copyright © 2020-2023  润新知