直接上代码，原来的代码中，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. Javaweb 第4 天xml 课程

    XML课程 今日大纲 ● XML概念 ● XML基本语法 ● XML约束 ● dom4j技术 ● xpath技术 ******************************************* ...

  2. aspx中如何加入javascript

    Response.Write("<script>window.location ='aaa.aspx';</script>"); Response.Writ ...

  3. STM32F207 两路ADC连续转换及GPIO模拟I2C给MT9V024初始化参数

    1.为了更好的方便调试,串口必须要有的,主要打印一些信息,当前时钟.转换后的电压值和I2C读出的数据. 2.通过GPIO 模拟I2C对镁光的MT9V024进行参数初始化.之前用我以前公司SP0A19芯 ...

  4. MySQL数据表中内容大小写区分的设置

    MYSQL在默认的情况下查询是不区分大小写的,例如:    ? 1 2 3 4 5 6 7 mysql> create table t1( -> name varchar(10)); Qu ...

  5. 设计模式二 适配器模式 adapter

    适配器模式的目的:如果用户需要使用某个类的服务,而这项服务是这个类用一个不同的接口提供的,那么,可以使用适配器模式为客户提供一个期望的接口.

  6. WinForm 子窗体在父窗体范围内移动,不能出父窗体 摘自于网络

    详细解释:1, 主窗体Form1属性IsMdiContainer设为True,并添加ToolStrip控件, Toolstrip中添加一个按钮toolStripButton1.         2,添 ...

  7. nginx+php-fpm 的配置下，php的错误日志

    发现php 运行错误时,浏览器的网页上并没有输出php的错误日志.那php的错误日志在哪里呢? 发现在 /var/log/nginx/error.log文件中. 怎么样才能在浏览器的网页中输出php的 ...

  8. prototype小解

    prototype由来 在理解prototype前,首先得理解js面向对象编程的私有变量.私有函数,静态变量.静态函数,以及实例变量,实例函数 私有变量,私有函数 函数内部通过var定义的变量 fun ...

  9. 8.1 sikuli报错： 提示没有对应的javaw

    对于sikuli,需要安装32位的jdk且不能高于1.7的版本. 对于64位系统的C盘,Program Files文件夹是64位的,Program File(x86)文件夹是32位的 需要安装一个32 ...

  10. 事件委托小demo(jq版)

    <style type="text/css"> * { margin:; padding:; } .box1 { width: 200px; height: 60px; ...