JS验证密码强度插件

最新推荐文章于 2024-06-07 09:36:36 发布

cui_angel

最新推荐文章于 2024-06-07 09:36:36 发布

阅读量2.5k

点赞数

分类专栏： Web JavaScript 文章标签： security function 测试 null css

本文链接：https://blog.csdn.net/cui_angel/article/details/7938431

版权

Web 同时被 2 个专栏收录

109 篇文章 1 订阅

订阅专栏

JavaScript

101 篇文章 1 订阅

订阅专栏

//CharMode函数 
//测试某个字符是属于哪一类.
$(function () {
    function CharMode(iN) {
        if (iN >= 48 && iN <= 57) //数字 
            return 1;
        if (iN >= 65 && iN <= 90) //大写字母 
            return 2;
        if (iN >= 97 && iN <= 122) //小写 
            return 4;
        else
            return 8; //特殊字符 
    }
    //bitTotal函数 
    //计算出当前密码当中一共有多少种模式 
    function bitTotal(num) {
        modes = 0;
        for (i = 0; i < 4; i++) {
            if (num & 1) modes++;
            num >>>= 1;
        }
        return modes;
    }
    //checkStrong函数 
    //返回密码的强度级别 
    function checkStrong(sPW) {
        Modes = 0; //输入的字符种类有几种如：a1两种aA_d三种
        for (i = 0; i < sPW.length; i++) {
            //测试每一个字符的类别并统计一共有多少种模式. 
            Modes |= CharMode(sPW.charCodeAt(i));
        }
        Modes = bitTotal(Modes); //由几种字符组成
        var pwdLength = sPW.length; //密码长度
        var level = 0; //密码强度级别
        if (pwdLength < 8 && Modes <= 2)
            level = 0;
        if ((pwdLength < 10 && Modes >= 3) || (pwdLength >= 8 && Modes == 2))
            level = 1;
        if (pwdLength >= 10 && Modes >= 3)
            level = 2;
        return level;
    }
    //pwStrength函数 
    //根据pwd强度改变css样式
    function pwStrength(pwd) {
        var $strength_L = $("#pwd_strength");
        if (pwd == null || pwd == '') {
            Lcolor = Mcolor = Hcolor = O_color;
        }
        else {
            $strength_L.removeClass("security3");
            $strength_L.removeClass("security2");
            $strength_L.removeClass("security1");
            S_level = checkStrong(pwd);
            switch (S_level) {

                case 0: //低
                    $strength_L.addClass("security3");
                    break;
                case 1: //中
                    $strength_L.addClass("security2");
                    break;
                case 2: //高
                    $strength_L.addClass("security1");
                    break;
                default:
                    $strength_L.addClass("security3");
            }
        }
        return;
    }

    //pwd事件触发：当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色 
    $("#pwd_new").keyup(function () {
        pwStrength(this.value);
    })
    //失去光标事件
    $("#pwd_new").blur(function () {
        pwStrength(this.value);
    })
})