<!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 runat="server">

    <title></title>

    <script type="text/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) {

            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; //密码太短

            Modes = 0;

            for (i = 0; i < sPW.length; i++) {

                //测试每一个字符的类别并统计一共有多少种模式.

                Modes |= CharMode(sPW.charCodeAt(i));

            }

            return bitTotal(Modes);

        }

        //pwStrength函数

        //当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色

        function pwStrength(pwd) {

            O_color = "#eeeeee";

            L_color = "#FF0000";

            M_color = "#FF9900";

            H_color = "#33CC00";

            if (pwd == null || pwd == '') {

                Lcolor = Mcolor = Hcolor = O_color;

            }

            else {

                S_level = checkStrong(pwd);

                switch (S_level) {

                    case 0:

                        document.getElementById("msg").innerHTML='?';

                        Lcolor = Mcolor = Hcolor = O_color;

                    case 1:

                        Lcolor = L_color;

                        Mcolor = Hcolor = O_color;

                        document.getElementById("msg").innerHTML='Weak';

                        break;

                    case 2:

                        Lcolor = Mcolor = M_color;

                        Hcolor = O_color;

                        document.getElementById("msg").innerHTML='Normal';

                        break;

                    default:

                        document.getElementById("msg").innerHTML='Strong';

                        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;

            return;

        }

    </script>

</head>

<body>

    <form name="form1" action="">

    输入密码:<input type="password" size="10" onkeyup="pwStrength(this.value)" onblur="pwStrength(this.value)">

    <br>

    密码强度:

    <table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc"

        height="23" 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>

    <div id="msg"></div>

</body>

</html>

javascript 检测密码强度的更多相关文章

  1. javascript 检测密码强度 美化版

    模仿美团的美化 <!DOCTYPE> <head runat="server"> <title></title> <link ...

  2. JS正则检测密码强度

    今天遇到个需求,使用JS检测密码强度:密码长度最短为8,必须同时包含字母.数字.特殊符号. 代码如下: /*         * 检测密码复杂度         */         function ...

  3. JavaScript判断密码强度

    以下是代码: <html> <head> <title>JS判断密码强度</title> <script language=javascript& ...

  4. JavaScript验证密码强度

    JavaScript的方法: <script type="text/javascript"> window.onload = function () { documen ...

  5. js检测密码强度

    <script> function AuthPasswd(string) {     if(string.length >=6) {         if(/[a-zA-Z]+/.t ...

  6. [No0000CE]检测非空格字符作为密码的密码强度

    Regex.Replace(pwd, "^(?:([a-z])|([A-Z])|([0-9])|(.)){6,}|(.)+$", "$1$2$3$4$5").L ...

  7. js动态判断密码强度&&实用的 jQuery 代码片段

    // 网上拷贝的代码,效果不太好需要自己调整<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q ...

  8. js密码强度

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. 密码强度应用(js)

    <!-- 密码强度div --> <div id="tips" class="help-block"> <b class=&quo ...

随机推荐

  1. hdu 2203亲和串 （kmp）

    #include<cstdio>#include<iostream>#include<cstring>#include<string>using nam ...

  2. Visual Studio 继续并运行上次的成功生成,未提示直接运行上一个版本解决方案!

    Visual Studio ==>工具 ==> 选项==>项目和解决方案 ==>生成并运行_运行时,当出现生成或部署错误时_选择,提示启动

  3. VS2015 启用“仅我的代码”

    在调试网站的时候,如果不勾选 [启用"仅我的代码"],会跳出一大堆异常,但是异常不作处理,非常烦人: 解决办法就是在 [调试]->[选项]->[勾选 启用"仅 ...

  4. 驴吃胡萝卜问题——牛客/FEI

    一个商人骑一头驴要穿越1000公里长的沙漠,去卖3000根胡萝卜.已知驴一次性可驮1000根胡萝卜,但每走1公里又要吃掉1根胡萝卜.问:商人最多可卖出多少胡萝卜? 一个商人骑一头驴要穿越1000公里长 ...

  5. 两种mysql文件安装方式——win7 32位OS

    官网给出的安装包有两种格式,一个是msi格式,一个是zip格式的. 1. .ZIP格式安装 http://jingyan.baidu.com/article/f3ad7d0ffc061a09c3345 ...

  6. hdu 4614 Vases and Flowers 线段树

    题目链接 一共n个盒子, 两种操作, 第一种是给出两个数x, y, 从第x个盒子开始放y朵花, 一个盒子只能放一朵, 如果某个盒子已经有了, 那么就跳过这个盒子放下面的盒子. 直到花放完了或者到了最后 ...

  7. 用PyRestful快速构建Tornado下REST APIs 的支持

    一.安装PyRestful库 $ pip install pyrestful 二.使用案例 (一)books_service.py # -*- coding: utf-8 -*- import tor ...

  8. QT窗口拖拽功能简单应用（处理dragEnterEvent和dropEvent事件，不同的事件有不同的信息，比如mimeData）

    void dragEnterEvent(QDragEnterEvent *event); void dropEvent(QDropEvent *event); ui->lineEdit-> ...

  9. Delphi 的动态数组

    传统的Pascal 语言其数组大小是预先确定的,当你用数组结构声明数据类型时,你必须指定数组元素的个数.专业程序员也许知道些许动态数组的实现技术,一般是采用指针,用手工分配并释放所需的内存. Delp ...

  10. 手工部署Sqlserver CLR程序集

    原文 手工部署Sqlserver CLR程序集 以前一直用VS部署Sqlserver CLR程序集简单省事,现在服务器部署在内网了,必须手动更新部署Sqlserver CLR程序集.    开始以为A ...