<!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. Codeforces 123E Maze（树形DP+期望）

    [题目链接] http://codeforces.com/problemset/problem/123/E [题目大意] 给出一棵,给出从每个点出发的概率和以每个点为终点的概率,求出每次按照dfs序从 ...

  2. Oracle数据库 ORA-01555 快照过旧 (undo表空间：撤销表空间)

    UNDO表空间用于存放UNDO数据,当执行DML操作时,oracle会将这些操作的旧数据写入到UNDO段,以保证可以回滚或者一致读等,而临时表空间主要用来做查询和存放一些缓冲区数据.你听说UNDO也是 ...

  3. 保存android程序崩溃日志到SD卡

    private boolean writeToSDCard(Throwable ex) { boolean isDealing = false; if (Environment.getExternal ...

  4. js 时间戳转换成时间格式，可自定义格式

    由于 c# 通过ajax获取的时间 传到前台 格式为:/Date(1354116249000)/ 所以需要转换一下,想要什么格式 更改 format() 里的 返回语句 就可以了 formatDate ...

  5. HDU OJ 5441 Travel 2015online E

    题目:click here 题意: 有个很暴躁的人,想坐车旅行n个城市.连接城市共有m条路(双向).他坐在车上很不爽,每次最多忍耐x分钟.但是每站下车他又可以休息(重新计时).总共有q次询问.问途中有 ...

  6. POJ 3268 Silver Cow Party 正反图最短路

    题目:click here 题意: 给出n个点和m条边,接着是m条边,代表从牛a到牛b需要花费c时间,现在所有牛要到牛x那里去参加聚会,并且所有牛参加聚会后还要回来,给你牛x,除了牛x之外的牛,他们都 ...

  7. linux用户管理最常用的三个文件说明（不完整版）

    涉及到三个文本文件:/etc/passwd /etc/shadow /etc/group 文件相关: /etc/passwd和用户名相关 /etc/shadow和密码相关 /etc/group和用户所 ...

  8. Myeclipse利用maven构建sping web项目

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAADvCAIAAACbnj2oAAAfq0lEQVR4nO2d+1MUV9rH+294U9mqpG ...

  9. Oracle SQL篇（一）null值之初体验

           从我第一次正式的写sql语句到现在,已经超过10年的时间了.我写报表,做统计分析和财务对账,我一点点的接触oracle数据库,并尝试深入了解.这条路,一走就是10年,从充满热情,到开始厌 ...

  10. ruby2.0(rails)以后版本的debug

    很喜欢RUBY(RAILS),认识也好久好久了,但是说实话,从来没用ROR写过什么东西,都是小打小闹,做些自娱自乐的东西,碰到什么问题,基本仔细看看,加上几个LOG就找到原因了,从来没想过要DEBUG ...