用jalan定酒店|用javascript评估用户输入密码的强度

提示：您可以先修改部分代码再运行<p>密码已经是我们生活工作中必不可少的工具,但一个不安全的密码有又有可能会给我们造成不必要的损失。作为网站设计者,如果我们在网页中能对用户输入的密码进行安全评估,并显示出相应的提示信息,那么对用户设置一个安全的密码将有很大帮助。同时也使得网站更具人性化,更有吸引力. <br /> 什么是一个安全的密码呢?本程序按以下的方式进行评估. <br /> 1.如果密码少于5位,那么就认为这是一个弱密码. <br /> 2.如果密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成,则认为这是一个弱密码. <br /> 3.如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成,则认为这是一个中度安全的密码. <br /> 4.如果密码由数字、小写字母、大写字母或其它特殊符号当中的三种以上组成,则认为这是一个比较安全的密码. <br /> <br /> 本程序将根据用户输入的密码分别显示不同的颜色表示密码的强度,具体程序如下(演示地址:http://www.web9898.cn/reg): <br /> <br /> <br /> <script language=javascript> <br /> <br /> <br /> <br /> //CharMode函数 <br /> //测试某个字符是属于哪一类. <br /> function CharMode(iN){ <br /> if (iN>=48 && iN <=57) //数字 <br /> return 1; <br /> if (iN>=65 && iN <=90) //大写字母 <br /> return 2; <br /> if (iN>=97 && iN <=122) //小写 <br /> return 4; <br /> else <br /> return 8; //特殊字符 <br /> } <br /> <br /> //bitTotal函数 <br /> //计算出当前密码当中一共有多少种模式 <br /> function bitTotal(num){ <br /> modes=0; <br /> for (i=0;i<4;i++){ <br /> if (num & 1) modes++; <br /> num>>>=1; <br /> } <br /> return modes; <br /> } <br /> <br /> //checkStrong函数 <br /> //返回密码的强度级别 <br /> <br /> function checkStrong(sPW){ <br /> if (sPW.length<=4) <br /> return 0; //密码太短 <br /> Modes=0; <br /> for (i=0;i<sPW.length;i++){ <br /> //测试每一个字符的类别并统计一共有多少种模式. <br /> Modes|=CharMode(sPW.charCodeAt(i)); <br /> } <br /> <br /> return bitTotal(Modes); <br /> <br /> } <br /> <br /> //pwStrength函数 <br /> //当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色 <br /> <br /> function pwStrength(pwd){ <br /> O_color="#eeeeee"; <br /> L_color="#FF0000"; <br /> M_color="#FF9900"; <br /> H_color="#33CC00"; <br /> if (pwd==null||pwd==""){ <br /> Lcolor=Mcolor=Hcolor=O_color; <br /> } <br /> else{ <br /> S_level=checkStrong(pwd); <br /> switch(S_level) { <br /> case 0: <br /> Lcolor=Mcolor=Hcolor=O_color; <br /> case 1: <br /> Lcolor=L_color; <br /> Mcolor=Hcolor=O_color; <br /> break; <br /> case 2: <br /> Lcolor=Mcolor=M_color; <br /> Hcolor=O_color; <br /> break; <br /> default: <br /> Lcolor=Mcolor=Hcolor=H_color; <br /> } <br /> } <br /> <br /> document.getElementById("strength_L").style.background=Lcolor; <br /> document.getElementById("strength_M").style.background=Mcolor; <br /> document.getElementById("strength_H").style.background=Hcolor; <br /> return; <br /> } <br /> <br /> </script> <br /> <br /> <form name=form1 action="" > <br /> 输入密码:<input type=pass<a href="http://www.bbyears.com/clist-116-1.html" target="_blank" class="keylink">word</a> size=10 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)> <br /> <br>密码强度: <br /> <br /> <br /> <br /> 弱 <br /> <br /> 中 <br /> <br /> 强 <br /> <br /> <br /> <br /> </form></p> 提示：您可以先修改部分代码再运行

用jalan定酒店|用javascript评估用户输入密码的强度

http://m.bbyears.com/jiaocheng/7280.html

推荐访问:用ajax请求文件