直接上代码，原来的代码中，switch中的第一个case,判断之后，少加了个break 跳出判断语句，害得我查了半天，“怎么样式老是不对，不科学啊，呵呵，原来是没跳出case的判断了，还会执行后面的判断！！，哎，嘿嘿，不过后来还是发现了，开心中。。。”

原文地址：http://www.cnblogs.com/wybztn/archive/2009/11/18/1605285.html

这里还有个重要的设计技巧， 0001, 0010， 0100， 1000各代表一种情况的话，组合起来就有很多种情况，我们怎么来表示，或者说怎么来存储这n多种组合的情况呢，就用到了一个技巧，1.先按位或存储到一个变量a中， 2.再将 a & 1, 并无符号右移>>> ,直到为0 为止（停止）。

直接上代码

<html>

<head>

    <meta http-equiv="content-type" content="text/html charset=utf-8"/>

    <title>Javascript评估用户输入密码的强度</title>

      <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){

        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:

                    Lcolor=Mcolor=Hcolor=O_color;

                    break;

                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;

        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>

</body>

　　

javascript 按位或（|），无符号右移（>>>）运算，组合技巧来实现————密码强度提示，四种情况？？的更多相关文章

  1. java移位运算符：<<（左移）、>>（带符号右移）和>>>（无符号右移）。

    1. 左移运算符 左移运算符<<使指定值的所有位都左移规定的次数. 1)它的通用格式如下所示: value << num num 指定要移位值value 移动的位数. 左移的规 ...

  2. [JAVA]移位运算（左移<<，右移>>和无符号右移>>>）

    一.背景知识 整数在内存中是以二进制的形式存在的,而且存的是该整数的补码.最高位代表符号位,正数为0,负数为1 正数的补码是其二进制本身,负数的补码则是 符号位保持1不变,其他位按位取反再加1,+0和 ...

  3. 原码,反码,补码 与（&） 或（|） 非(~) 异或(^) 左移 << 右移 >> 无符号右移 >>>

    原码 数字在计算机中以二进制表示,8位的字长,最高位是符号位, 正数为0,负数为1.比如,3为0000 0011: -3为1000 0011. 注意,Java中int为32位.3的16进制表示为3,- ...

  4. 异或运算符（^）、与运算符（&）、或运算符（|）、反运算符（~）、右移运算符（>>）、无符号右移运算符（>>>）

    目录 异或(^).异或和 的性质及应用总结 异或的含义 异或的性质:满足交换律和结合律 异或的应用 按位 与运算符(&) 按位 或运算符(|) 取 反运算符(~) 右移运算符(>> ...

  5. java的<<左移，>>右移，>>>无符号右移

    >>右移 右移,道在二进制中,假设用一个32位的Int表示一个64,那么高位就都是0,所以当我们把整个二进制数右移,如0100000 >> 2 = 0001000,可以看到右移 ...

  6. c# 实现无符号右移

    /// <summary> /// 无符号右移, 相当于java里的 value>>>pos /// </summary> /// <param nam ...

  7. PHP无符号右移与旋转右移

    # PHP 无符号右移 仅用于int形, PHP 的int为32位 # // 右移旋转 function rightRoate($int,$n){ $min = intval(PHP_INT_MAX ...

  8. Java负整数的左移、右移、无符号右移

    转自  Java负整数的左移.右移.无符号右移 Java负整数的左移.右移.无符号右移.正数的位移没有涉及到符号,而且正数的原码.反码.补码都是一样的,所以相对简单,但是对于负整数的位移,往往容易混淆 ...

  9. ABAP语言实现 左移 <<、无符号右移 >>> 位移操作

    这几天要在ABAP中实现 3DES 标准对称加密算法,与其他外部系统进行加密/解密操作.由于ABAP语言中没有 左移 <<.无符号右移 >>>  操作,只能自己实现 思路 ...

随机推荐

  1. cocos2d-x 获得系统语言繁体

    IosLocalUtil.h #ifndef __IOS_LOCALUTIL_H__ #define __IOS_LOCALUTIL_H__ class IosLocalUtil{ public: s ...

  2. QC使用中问题点汇总

    QC 使用中问题点汇总,包括以下四个方面: 1.不兼容IE7,IE8的问题(服务器端设置) 2.无法在Win 7下正常下载页面(客户端设置) 3.在QC中填写中文内容后无法正常提交到数据库(客户端设置 ...

  3. 第三十三节，sys解释器相关模块

    首先要引入import sys模块 sys.argv 功能:获取向脚本文件传入的参数,返回的列表,列表里的第一个元素是脚本文件路径和名称,后面的元素是传入的向脚本传入的参数 使用方法:sys.argv ...

  4. 依赖注入容器Autofac与MVC集成

    Autofac是应用于.Net平台的依赖注入(DI,Dependency Injection)容器,具有贴近.契合C#语言的特点.随着应用系统的日益庞大与复杂,使用Autofac容器来管理组件之间的关 ...

  5. ECOS运行环境安装(一)

    ECOS为上海商派公司研发的PHP电商框架.详情见 http://www.ec-os.net/doc.html 本文介绍CentOS6.x 64位下安装ECOS1.2运行环境的具体步骤: 1)需要准备 ...

  6. docker Swarm 集群发现

    Node 发现 $swarm manage --discovery dockerhost01:,dockerhost02:,dockerhost03: -H= 文件发现 $swarm manage - ...

  7. MySQL-测试卷一

    MySQL-测试卷一 一.单项选择题 1 下面不属于Msql数据库特点的是(  ) A. 免费使用  B.不能跨平台  C.开源软件  D.功能强大 2 定义表的一个字段, 要求能表示4位整数,2位小 ...

  8. Inno Setup入门（十六）——Inno Setup类参考（2）

    分类: Install Setup 2013-02-02 11:28 815人阅读 评论(0) 收藏 举报 这里将接着在前面的基础上介绍如何在自定义页面上添加按钮.按钮属于Tbutton类,该类继承自 ...

  9. js中对style中的多个属性进行设值

    js中对style中的多个属性进行设值: 看一下案例自然就明白: document.getElementById("my_wz1").style.cssText="bac ...

  10. Spring MVC中前后台数据传输小结

    前台向后台传递参数: @ResponseBody @RequestMapping(value = "/findById/{id}", method = { RequestMetho ...