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 相关文章推荐
简单的JS多重继承示例
Mar 13 Javascript
js实现屏蔽默认快捷键调用自定义事件示例
Jun 18 Javascript
javascript实现图像循环明暗变化的方法
Feb 25 Javascript
jQuery实现选项联动轮播效果【附实例】
Apr 19 Javascript
非常实用的js验证框架实现源码 附原理方法
Jun 08 Javascript
Javascript实现前端简单的路由实例
Sep 11 Javascript
JS中Array数组学习总结
Jan 18 Javascript
基于vue 实现token验证的实例代码
Dec 14 Javascript
vue 表单验证按钮事件交由父组件触发的方法
Dec 17 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
Feb 12 Javascript
教你完全理解ReentrantLock重入锁
Jun 03 Javascript
vuejs+element UI table表格中实现禁用部分复选框的方法
Sep 20 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
第八节 访问方式 [8]
2006/10/09 PHP
刚才在简化php的库,结果发现很多东西
2006/12/31 PHP
PHP手机号码归属地查询代码(API接口/mysql)
2012/09/04 PHP
Zend studio文件注释模板设置方法
2013/09/29 PHP
JS效率个人经验谈(8-15更新),加入range技巧
2007/01/09 Javascript
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
2011/07/27 Javascript
图片onload事件触发问题解决方法
2011/07/31 Javascript
JQuery中$.each 和$(selector).each()的区别详解
2015/03/13 Javascript
jQuery插件实现文字无缝向上滚动效果代码
2016/02/25 Javascript
JavaScript中实现无缝滚动、分享到侧边栏实例代码
2016/04/06 Javascript
jQuery hover事件简单实现同时绑定2个方法
2016/06/07 Javascript
jQuery的ajax和遍历数组json实例代码
2016/08/01 Javascript
angularjs实现的前端分页控件示例
2017/02/10 Javascript
微信小程序时间标签和时间范围的联动效果
2019/02/15 Javascript
layui 表格操作列按钮动态显示的实现方法
2019/09/06 Javascript
低版本中Python除法运算小技巧
2015/04/05 Python
Python实现嵌套列表及字典并按某一元素去重复功能示例
2017/11/30 Python
wx.CheckBox创建复选框控件并响应鼠标点击事件
2018/04/25 Python
Python迭代器定义与简单用法分析
2018/04/30 Python
利用Python如何生成便签图片详解
2018/07/09 Python
利用python求积分的实例
2019/07/03 Python
Django Form 实时从数据库中获取数据的操作方法
2019/07/25 Python
深入了解python中元类的相关知识
2019/08/29 Python
解决Django migrate不能发现app.models的表问题
2019/08/31 Python
python numpy库linspace相同间隔采样的实现
2020/02/25 Python
python实现可下载音乐的音乐播放器
2020/02/25 Python
Python3.7在anaconda里面使用IDLE编译器的步骤详解
2020/04/29 Python
在Keras中实现保存和加载权重及模型结构
2020/06/15 Python
美国知名户外用品畅销中心:Sierra Trading Post
2016/07/19 全球购物
Linux面试经常问的文件系统操作命令
2015/11/05 面试题
电子商务专业求职信
2014/03/08 职场文书
新法人代表任命书
2014/06/06 职场文书
拾金不昧锦旗标语
2014/06/27 职场文书
试用期员工工作自我评价
2014/09/10 职场文书
敬业奉献模范事迹材料
2014/12/24 职场文书
银行保安拾金不昧表扬稿
2015/05/05 职场文书