程序博客网 > 淘宝6.0下载安装

用JavaScript来判断密码强度

来源：互联网 发布：淘宝6.0下载安装 编辑：程序博客网 时间：2024/04/30 07:35

效果图：



HTML代码：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquert-password-strength</title>
<script type="text/javascript" src="js/jquery.js"></script>  
<script type="text/javascript" src="js/digitalspaghetti.password.js"></script>
<script type="text/javascript">
$(function() {
    $('#user_password').pstrength();
});
</script>
<style>
.pstrength-minchar {
font-size : 10px;
}
input {
    width:180px;
    height:12px;
    line-height:12px;
    padding:4px 0px;
    border: #cfcfcf 1px solid;
    color: #585858;
}
password-strength,.password-strength-bar {
    width:300px;
}
</style>
</head>


<body>
密码：<input type="password" id="user_password" name="user_password" />
</body>
</html>




JavaScript代码：




window.digitalspaghetti = window.digitalspaghetti || {};
digitalspaghetti.password = {    
    'defaults' : {
        'displayMinChar': true,
        'minChar': 6,
        'minCharText': '',
        'colors': ["#f00", "#c06", "#f60", "#3c0", "#3f0"],
        'scores': [20, 30, 43, 50],
        'verdicts':    ['弱', '一般', '较好', '很好', '极佳'],
        'raisePower': 1.4,
        'debug': false
    },
    'ruleScores' : {
        'length': 0,
        'lowercase': 1,
        'uppercase': 3,
        'one_number': 3,
        'three_numbers': 5,
        'one_special_char': 3,
        'two_special_char': 5,
        'upper_lower_combo': 2,
        'letter_number_combo': 2,
        'letter_number_char_combo': 2
    },
    'rules' : {
        'length': true,
        'lowercase': true,
        'uppercase': true,
        'one_number': true,
        'three_numbers': true,
        'one_special_char': true,
        'two_special_char': true,
        'upper_lower_combo': true,
        'letter_number_combo': true,
        'letter_number_char_combo': true
    },
    'validationRules': {
        'length': function (word, score) {
            digitalspaghetti.password.tooShort = false;
            var wordlen = word.length;
            var lenScore = Math.pow(wordlen, digitalspaghetti.password.options.raisePower);
            if (wordlen < digitalspaghetti.password.options.minChar) {
                lenScore = (lenScore - 100);
                digitalspaghetti.password.tooShort = true;
            }
            return lenScore;
        },
        'lowercase': function (word, score) {
            return word.match(/[a-z]/) && score;
        },
        'uppercase': function (word, score) {
            return word.match(/[A-Z]/) && score;
        },
        'one_number': function (word, score) {
            return word.match(/\d+/) && score;
        },
        'three_numbers': function (word, score) {
            return word.match(/(.*[0-9].*[0-9].*[0-9])/) && score;
        },
        'one_special_char': function (word, score) {
            return word.match(/.[!,@,#,$,%,\^,&,*,?,_,~]/) && score;
        },
        'two_special_char': function (word, score) {
            return word.match(/(.*[!,@,#,$,%,\^,&,*,?,_,~].*[!,@,#,$,%,\^,&,*,?,_,~])/) && score;
        },
        'upper_lower_combo': function (word, score) {
            return word.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/) && score;
        },
        'letter_number_combo': function (word, score) {
            return word.match(/([a-zA-Z])/) && word.match(/([0-9])/) && score;
        },
        'letter_number_char_combo' : function (word, score) {
            return word.match(/([a-zA-Z0-9].*[!,@,#,$,%,\^,&,*,?,_,~])|([!,@,#,$,%,\^,&,*,?,_,~].*[a-zA-Z0-9])/) && score;
        }
    },
    'attachWidget': function (element) {
        var output = ['<div id="password-strength">'];
        if (digitalspaghetti.password.options.displayMinChar && !digitalspaghetti.password.tooShort) {
            output.push('<span class="password-min-char">' + digitalspaghetti.password.options.minCharText.replace('%d', digitalspaghetti.password.options.minChar) + '</span>');
        }
        output.push('<span class="password-strength-bar"></span>');
        output.push('</div>');
        output = output.join('');
        jQuery(element).after(output);
    },
   'debugOutput': function (element) {
        if (typeof console.log === 'function') {
            console.log(digitalspaghetti.password);    
        } else {
            alert(digitalspaghetti.password);
        }
    },
    'addRule': function (name, method, score, active) {
        digitalspaghetti.password.rules[name] = active;
        digitalspaghetti.password.ruleScores[name] = score;
        digitalspaghetti.password.validationRules[name] = method;
        return true;
    },
    'init': function (element, options) {
        digitalspaghetti.password.options = jQuery.extend({}, digitalspaghetti.password.defaults, options);
        digitalspaghetti.password.attachWidget(element);
        jQuery(element).keyup(function () {
            digitalspaghetti.password.calculateScore(jQuery(this).val());
        });
        if (digitalspaghetti.password.options.debug) {
            digitalspaghetti.password.debugOutput();
        }
    },
    'calculateScore': function (word) {
        digitalspaghetti.password.totalscore = 0;
        digitalspaghetti.password.width = 0;
        for (var key in digitalspaghetti.password.rules) if (digitalspaghetti.password.rules.hasOwnProperty(key)) {
            if (digitalspaghetti.password.rules[key] === true) {
                var score = digitalspaghetti.password.ruleScores[key];
                var result = digitalspaghetti.password.validationRules[key](word, score);
                if (result) {
                    digitalspaghetti.password.totalscore += result;
                }
            }
            if (digitalspaghetti.password.totalscore <= digitalspaghetti.password.options.scores[0]) {
                digitalspaghetti.password.strColor = digitalspaghetti.password.options.colors[0];
                digitalspaghetti.password.strText = digitalspaghetti.password.options.verdicts[0];
                digitalspaghetti.password.width =  "3";
            } else if (digitalspaghetti.password.totalscore > digitalspaghetti.password.options.scores[0] && digitalspaghetti.password.totalscore <= digitalspaghetti.password.options.scores[1]) {
                digitalspaghetti.password.strColor = digitalspaghetti.password.options.colors[1];
                digitalspaghetti.password.strText = digitalspaghetti.password.options.verdicts[1];
                digitalspaghetti.password.width =  "6";
            } else if (digitalspaghetti.password.totalscore > digitalspaghetti.password.options.scores[1] && digitalspaghetti.password.totalscore <= digitalspaghetti.password.options.scores[2]) {
                digitalspaghetti.password.strColor = digitalspaghetti.password.options.colors[2];
                digitalspaghetti.password.strText = digitalspaghetti.password.options.verdicts[2];
                digitalspaghetti.password.width =  "9";
            } else if (digitalspaghetti.password.totalscore > digitalspaghetti.password.options.scores[2] && digitalspaghetti.password.totalscore <= digitalspaghetti.password.options.scores[3]) {
                digitalspaghetti.password.strColor = digitalspaghetti.password.options.colors[3];
                digitalspaghetti.password.strText = digitalspaghetti.password.options.verdicts[3];
                digitalspaghetti.password.width =  "12";
            } else {
                digitalspaghetti.password.strColor = digitalspaghetti.password.options.colors[4];
                digitalspaghetti.password.strText = digitalspaghetti.password.options.verdicts[4];
                digitalspaghetti.password.width =  "15";
            }
            jQuery('.password-strength-bar').stop();
            
            if (digitalspaghetti.password.options.displayMinChar && !digitalspaghetti.password.tooShort) {
                jQuery('.password-min-char').hide();
            } else {
                jQuery('.password-min-char').show();
            }
            
            jQuery('.password-strength-bar').animate({opacity: 0.5}, 'fast', 'linear', function () {
                jQuery(this).css({'display': 'block', 'background-color': digitalspaghetti.password.strColor, 'width': digitalspaghetti.password.width + "%"}).text(digitalspaghetti.password.strText);
                jQuery(this).animate({opacity: 1}, 'fast', 'linear');
            });
        }
    }
};


jQuery.extend(jQuery.fn, {
    'pstrength': function (options) {
        return this.each(function () {
            digitalspaghetti.password.init(this, options);
        });
    }
});
jQuery.extend(jQuery.fn.pstrength, {
    'addRule': function (name, method, score, active) {
        digitalspaghetti.password.addRule(name, method, score, active);
        return true;
    },
    'changeScore': function (rule, score) {
        digitalspaghetti.password.ruleScores[rule] = score;
        return true;
    },
    'ruleActive': function (rule, active) {
        digitalspaghetti.password.rules[rule] = active;
        return true;
    }
});



0 0
淘宝6.0下载安装 淘宝6.0下载安装
原创粉丝点击
热门IT博客
日语翻译哪个软件好日语翻译哪个软件好
淘宝碰到专业差评师淘宝碰到专业差评师
上海有mac专柜吗
linux串口数据包解析
淘宝网连衣裙夏装
linux更改网络配置
按键精灵获取外部数据
linux如何修改ip
mac一直在大写字母
王源身高知乎
jsp解析json字符串
javascript兼容性问题
linux中telnet命令
帝国时代3mac三合一
怎么找到自己的淘宝店
java.util.base64源码
java实现qq好友列表
京东的网络外部性
淘宝分享有礼在哪设置
类似不可抗力的网络剧
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 三勒浆 三勒浆的功效与作用 电器三包规定 家电三包规定 质量三包规定 电视三包规定 三包法 三包法规定 三包法退货规定 汽车三包法 包法利夫人 家电三包法退货规定 新汽车三包法退换车详细标准 手机三包法退换货规定 饺子的三种漂亮包法 2018汽车新三包质保是怎样包法 混沌包法图解 饺子包法图解 饺子花式包法 小混沌包法图解 包法利夫人作者 手把手教你学会饺子三种包法 包混沌10种经典包法 北京大学第三医院 深圳第三人民医院 成都第三人民医院 深圳市第三人民医院 西安第三医院 西安市第三医院 武汉市第三医院 武汉第三医院 三人民医院 郑州大学第三附属医院 合肥第三人民医院 第三人民医院地址 二医院 武汉市第三人民医院 三医院在哪 武汉市三医院在哪里 杭州第三人民医院地址 成都市三医院

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里