Javascript 评估用户输入密码的强度

简介:

什么是一个安全的密码呢?

  1.如果密码少于5位,那么就认为这是一个弱密码.

  2.如果密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成,则认为这是一个弱密码.

  3.如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成,则认为这是一个中度安全的密码.

  4.如果密码由数字、小写字母、大写字母或其它特殊符号当中的三种以上组成,则认为这是一个比较安全的密码.

  根据用户输入的密码分别显示不同的颜色表示密码的强度,具体程代码如下:

复制代码
<form name=form1 action="">
    输入密码:<input title="" type=password size=10 onKeyUp="pwStrength(this.value)" onBlur="pwStrength(this.value)">
    <br>密码强度:
    <table width="217" border="1" cellspacing="0" cellpadding="1"  style='display:inline'>
        <tr align="center" bgcolor="#eeeeee">
            <td width="33%" id="strength_L"></td>
            <td width="33%" id="strength_M"></td>
            <td width="33%" id="strength_H"></td>
        </tr>
    </table>
</form>
复制代码

 

复制代码
<script language=javascript>
    //CharMode函数
    //测试某个字符是属于哪一类.
    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) {
        var modes = 0;
        for (i = 0; i < 4; i++) {
            if (num & 1) modes++;
            num >>>= 1;
        }
        return modes;
    }

    //checkStrong函数
    //返回密码的强度级别
    function checkStrong(sPW) {
        if (sPW.length <= 4)
            return 0; //密码太短
        var Modes = 0;
        for (i = 0; i < sPW.length; i++) {
         //测试每一个字符的类别并统计一共有多少种模式.
            Modes |= CharMode(sPW.charCodeAt(i));
        }
        return bitTotal(Modes);
    }

    //pwStrength函数
    //当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色
    function pwStrength(pwd) {
        var O_color = "#eeeeee";
        var L_color = "#FF0000";
        var M_color = "#FF9900";
        var H_color = "#33CC00";
        if (pwd == null || pwd == '') {
            Lcolor = Mcolor = Hcolor = O_color;
        }
        else {
            S_level = checkStrong(pwd);
            switch (S_level) {
                case 0:
                    Lcolor = Mcolor = Hcolor = O_color;
                case 1:
                    Lcolor = L_color;
                    Mcolor = Hcolor = O_color;
                    break;
                case 2:
                    Lcolor = Mcolor = M_color;
                    Hcolor = O_color;
                    break;
                default:
                    Lcolor = Mcolor = Hcolor = H_color;
            }
        }

        document.getElementById("strength_L").style.background = Lcolor;
        document.getElementById("strength_M").style.background = Mcolor;
        document.getElementById("strength_H").style.background = Hcolor;
    }
</script>
复制代码

 本文转自Orson博客园博客,原文链接:http://www.cnblogs.com/java-class/archive/2013/05/11/3073545.html,如需转载请自行联系原作者

相关文章
|
7月前
|
JavaScript
vue.js项目评估流程图特效
vue.js项目评估流程图特效
123 2
vue.js项目评估流程图特效
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的狱内罪犯危险性评估系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的狱内罪犯危险性评估系统附带文章源码部署视频讲解等
29 0
|
前端开发 JavaScript 开发者
前端框架对比:Angular、React和Vue.js的性能评估
在当今的前端开发领域,选择合适的框架对于构建高性能、响应式的Web应用程序至关重要。Angular、React和Vue.js是目前最受欢迎和广泛使用的前端框架之一。本文将通过对这三个框架的性能进行评估和比较,帮助开发者更好地了解它们在各方面的表现和适用场景。
561 0
|
JavaScript 前端开发 数据安全/隐私保护
|
安全 JavaScript 前端开发
|
JavaScript 前端开发 数据安全/隐私保护
用Javascript评估用户输入密码的强度(Knockout版)
原文:用Javascript评估用户输入密码的强度(Knockout版) 早上看到博友6点多发的一篇关于密码强度的文章(连接),甚是感动(周末大早上还来发文)。 我们来看看如果使用Knockout更简单的来实现密码强度的验证。
1335 0
|
1月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
26 1
JavaScript中的原型 保姆级文章一文搞懂
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
105 2
|
29天前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
18 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
151 4