直接上代码，原来的代码中，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. Tsung记录

    1.提高Tsung登录用户数 ulimit -n (65530)修改系统最大连接数,Tsung压力机和服务器都需要更改

  2. numpy中的matrix矩阵处理

    numpy模块中的矩阵对象为numpy.matrix,包括矩阵数据的处理,矩阵的计算,以及基本的统计功能,转置,可逆性等等,包括对复数的处理,均在matrix对象中. class numpy.matr ...

  3. MapReduce初级案例

    1.数据去重  "数据去重"主要是为了掌握和利用并行化思想来对数据进行有意义的筛选.统计大数据集上的数据种类个数.从网站日志中计算访问地等这些看似庞杂的任务都会涉及数据去重.下面就 ...

  4. 开启真机的View Server引入HierarchyViewer/By写monkeyrunner自动化测试脚本

    其实相关文章网上也有不少了,不过在真机上开启View Server的中文文章好像只有一篇,前段时间按照这篇文章的内容,并结合英文源文去hack我的Nexus S(4.1.2)也走了一点弯路.现在总结一 ...

  5. 只能在执行 Render() 的过程中调用 RegisterForEventValidation

    当用GridView导出Execl的时候,会发生只能在执行 Render() 的过程中调用 RegisterForEventValidation的错误提示.有两种方法可以解决以上问题: 1.修改web ...

  6. spring Stack Overflow

    1. ApplicationContext 不关闭,资源泄露问题: Spring ApplicationContext - Resource leak: 'context' is never clos ...

  7. LeetCode OJ 220.Contains Duplicate 3

    Given an array of integers, find out whether there are two distinct indices i and j in the array suc ...

  8. 转载-SharePoint 2010 WebPart与Google地图系列 一：创建显示地图的WebPart

    [原] SharePoint 2010 WebPart与Google地图系列 一:创建显示地图的WebPart 摘要: 作为信息化先驱的产品SharePoint 2010竟然对GIS相关技术支持如此有 ...

  9. 解决网站出现GET .woff 404 (Not Found)的问题

    网站发布到IIS后,发现网站使用的Bootstrap框架所引用的woff字体无法正常显示. 于是跟踪http请求,对woff字体请求出现GET .woff 404 (Not Found)的问题,但是项 ...

  10. STM32F10x_模拟I2C读写_硬件I2C读写

    STM32F10x_模拟I2C读写EEPROM STM32F10x_硬件I2C读写EEPROM(标准外设库版本) STM32F10x_硬件I2C主从通信(轮询发送,中断接收)