直接上代码，原来的代码中，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. vmware 安装提示the msi failed

    原因是卸载不干净,使用批处理bat文件卸载,然后重启即可. VMware workstation 10.0序列号:MA491-6NL5Q-AZAM0-ZH0N2-AAJ5A 百度云文件:http:// ...

  2. json 数组 对象 xml 之间转换（待补充）

    json 数组  xml 对象   之间转换(待补充) 1 把对象的类型或者数组转换成字符串类型(或者更确切的说是json类型的). 此处参考链接http://www.jb51.net/article ...

  3. angular中的ng-bind-html指令和$sce服务

    angular js的强大之处之一就是他的数据双向绑定这一牛B功能,我们会常常用到的两个东西就是ng-bind和针对form的ng-model.但在我们的项目当中会遇到这样的情况,后台返回的数据中带有 ...

  4. Go-file

    两个包具有文件操作的相关方法,一个是os,一个是syscall,其中os中的相关方法是对syscall相关方法的封装,推荐使用os中的相关方法.文件的打开文件的第一步操作实际上是创建,但是由于文件的打 ...

  5. angular、bootstrap初稿搭建

    1.bootstrap3.0中,ie8不兼容响应式设计 @media,需要添加如下2个查件 <!-- html5.js for IE less than 9 -->     <!-- ...

  6. 使用bind实现主从DNS服务器数据同步

    一.bind简介 Linux中通常使用bind来实现DNS服务器的架设,bind软件由isc(www.isc.org)维护.在yum仓库中可以找到软件,配置好yum源,直接使用命令yum instal ...

  7. QML之使用Loader加载QML组件

    呵呵,今晚是边看<裸婚时代>边敲代码,那电影看得...!钱真他妈不是个东西. 盼望Meego火起来. QML的Loader元素经常备用来动态加载QML组件.可以使用source属性或者so ...

  8. MySQL的索引创建、删除

    1_1.添加PRIMARY KEY(主键索引)  mysql>ALTER TABLE `table_name` ADD PRIMARY KEY ( `column` ) 1_2.添加UNIQUE ...

  9. STM32F4系统时钟配置及描述

    STM32F4系统时钟配置及描述 stm32f407时钟配置方法(感觉很好,分享一下) STM32F4_RCC系统时钟配置及描述 STM32F4时钟设置分析 stm32f4 - 时钟树分析配置

  10. 【转】Xshell 十个技巧

    原文:http://www.cnblogs.com/wanhl/archive/2012/10/17/2727607.html 一.帐号密码保存.可以保存多个vps登陆信息,免去每次输入的烦恼. 二. ...