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 相关文章推荐
javascript prototype原型操作笔记
Dec 07 Javascript
详解JavaScript的流程控制语句
Nov 30 Javascript
JS实现n秒后自动跳转的两种方法
Nov 30 Javascript
jQuery Password Validation密码验证
Dec 30 Javascript
JS实现两周内自动登录功能
Mar 23 Javascript
js轮播图无缝滚动效果
Jun 17 Javascript
浅谈Vue下使用百度地图的简易方法
Mar 23 Javascript
vue源码解析之事件机制原理
Apr 21 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
Aug 11 Javascript
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
Jun 06 jQuery
利用d3.js实现蜂巢图表带动画效果
Sep 03 Javascript
Vue+Element实现网页版个人简历系统(推荐)
Dec 31 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
php email邮箱正则
2008/10/08 PHP
浏览器预览PHP文件时顶部出现空白影响布局分析原因及解决办法
2013/01/11 PHP
解析PHP跳出循环的方法以及continue、break、exit的区别介绍
2013/07/01 PHP
php根据年月获取季度的方法
2014/03/31 PHP
PHP抽象类和接口用法实例详解
2019/07/20 PHP
Ext javascript建立超链接,进行事件处理的实现方法
2009/03/22 Javascript
ExtJs默认的字体大小改变的几种方法(自己整理)
2013/04/18 Javascript
jQuery实现隔行背景色变色
2014/11/24 Javascript
C#中使用迭代器处理等待任务
2015/07/13 Javascript
Javascript闭包实例详解
2015/11/29 Javascript
JSON格式的时间/Date(2367828670431)/格式转为正常的年-月-日 格式的代码
2016/07/27 Javascript
javascript常用经典算法详解
2017/01/11 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
详解vue事件对象、冒泡、阻止默认行为
2017/03/20 Javascript
vue2组件实现懒加载浅析
2017/03/29 Javascript
jQuery实现的老虎机跑动效果示例
2018/12/29 jQuery
openlayers实现地图弹窗
2020/09/25 Javascript
在vue中使用Echarts画曲线图的示例
2020/10/03 Javascript
ptyhon实现sitemap生成示例
2014/03/30 Python
利用python微信库itchat实现微信自动回复功能
2017/05/18 Python
Python判断文件或文件夹是否存在的三种方法
2017/07/27 Python
不知道这5种下划线的含义,你就不算真的会Python!
2018/10/09 Python
python简单贪吃蛇开发
2019/01/28 Python
把pandas转换int型为str型的方法
2019/01/29 Python
face++与python实现人脸识别签到(考勤)功能
2019/08/28 Python
pyftplib中文乱码问题解决方案
2020/01/11 Python
Python 之 Json序列化嵌套类方式
2020/02/27 Python
浅谈django channels 路由误导
2020/05/28 Python
教你使用Sublime text3搭建Python开发环境及常用插件安装另分享Sublime text3最新激活注册码
2020/11/12 Python
为什么UNION ALL比UNION快
2016/03/17 面试题
预备党员转正考核材料
2014/06/03 职场文书
赵乐秦在党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
小学重阳节活动总结
2015/03/24 职场文书
酒店仓管员岗位职责
2015/04/01 职场文书
旷工辞退通知书
2015/04/17 职场文书
古诗文之爱国名句(77句)
2019/09/24 职场文书