zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    with admin option 和 with grant option 的区别 (转)
    压缩数据块
    建表时pctfree和pctused参数作用
    Oracle哪些错误会写进alert日志
    Oracle 差异、增量、零级备份
    模拟原生的promise
    react-loadable 实现组件按需加载
    react 中配置 http-proxy-middleware
    craco 配置 less.module
    ESLint: 'React' was used before it was defined.(no-use-before-define)
  • 原文地址:https://www.cnblogs.com/xuxiang/p/3418192.html
Copyright © 2011-2022 走看看