JavaScript 密码强度判断代码


Posted in Javascript onSeptember 05, 2009
<script type="text/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; 
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> 

<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>
Javascript 相关文章推荐
在chrome中window.onload事件的一些问题
Mar 01 Javascript
Javascript继承机制的设计思想分享
Aug 28 Javascript
JavaScript判断DIV内容是否为空的方法
Jan 29 Javascript
jQuery插件实现文字无缝向上滚动效果代码
Feb 25 Javascript
jQuery排序插件tableSorter使用方法
Feb 10 Javascript
解决AngualrJS页面刷新导致异常显示问题
Apr 20 Javascript
深入浅出理解JavaScript闭包的功能与用法
Aug 01 Javascript
微信小程序常用赋值方法小结
Apr 30 Javascript
详解vue-video-player使用心得(兼容m3u8)
Aug 23 Javascript
微信小程序tab切换可滑动切换导航栏跟随滚动实现代码
Sep 04 Javascript
js中调用微信的扫描二维码功能的实现代码
Apr 11 Javascript
原生JS实现天气预报
Jun 16 Javascript
关于javascript中的parseInt使用技巧
Sep 03 #Javascript
jquery判断单个复选框是否被选中的代码
Sep 03 #Javascript
javascript 触发事件列表 比较不错
Sep 03 #Javascript
javascript concat数组累加 示例
Sep 03 #Javascript
ie focus bug 解决方法
Sep 03 #Javascript
javascript 24小时弹出一次的代码(利用cookies)
Sep 03 #Javascript
使用jQuery的ajax功能实现的RSS Reader 代码
Sep 03 #Javascript
You might like
echo, print, printf 和 sprintf 区别
2006/12/06 PHP
PHP页面间参数传递的四种方法详解
2013/06/09 PHP
PHP实现在线阅读PDF文件的方法
2015/06/17 PHP
Swoole扩展的6种模式深入详解
2021/03/04 PHP
jQuery LigerUI 使用教程表格篇(1)
2012/01/18 Javascript
js图片模糊切换显示特效的方法
2015/02/17 Javascript
jquery.uploadify插件在chrome浏览器频繁崩溃解决方法
2015/03/01 Javascript
论JavaScript模块化编程
2016/03/07 Javascript
jQuery循环遍历子节点并获取值的方法
2016/04/14 Javascript
快速解决js动态改变dom元素属性后页面及时渲染的问题
2016/07/06 Javascript
bootstrap日期控件问题(双日期、清空等问题解决)
2017/04/19 Javascript
快速解决element的autofocus失效问题
2020/09/08 Javascript
Python正确重载运算符的方法示例详解
2017/08/27 Python
python实现数据分析与建模
2019/07/11 Python
Python 日志logging模块用法简单示例
2019/10/18 Python
python利用datetime模块计算程序运行时间问题
2020/02/20 Python
Python如何使用27行代码绘制星星图
2020/07/20 Python
python3.9实现pyinstaller打包python文件成exe
2020/12/13 Python
python 使用OpenCV进行简单的人像分割与合成
2021/02/02 Python
css3一个简易的 LED 数字时钟实现方法
2020/01/15 HTML / CSS
迪卡侬英国官网:Decathlon英国
2017/04/08 全球购物
2013年大学生的自我鉴定
2013/10/24 职场文书
园林技术个人的自我评价
2014/02/15 职场文书
高中军训感言200字
2014/02/23 职场文书
暑期培训随笔感言
2014/03/10 职场文书
房屋转让协议书
2014/04/11 职场文书
小学一年级评语大全
2014/04/22 职场文书
初中作文评语大全
2014/04/23 职场文书
研究生导师推荐信
2014/09/06 职场文书
浪漫婚礼主题活动策划方案
2014/09/15 职场文书
党员先进事迹材料
2014/12/19 职场文书
死者家属慰问信
2015/03/24 职场文书
会议通知
2015/04/15 职场文书
校园开放日新闻稿
2015/07/17 职场文书
创业分两种人:那么哪些适合创业?,哪些适合不适合创业呢?
2019/08/23 职场文书
django学习之ajax post传参的2种格式实例
2021/05/14 Python