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针对DOM的应用分析(三)
Apr 15 Javascript
JS简单实现文件上传实例代码(无需插件)
Nov 15 Javascript
用Javascript获取页面元素的具体位置
Dec 09 Javascript
javascript表单验证和Window详解
Dec 11 Javascript
通过JS判断联网类型和连接状态的实现代码
Apr 01 Javascript
input点击后placeholder中的提示消息消失
Jan 15 Javascript
vue路由嵌套的SPA实现步骤
Nov 06 Javascript
npm scripts 使用指南详解
Oct 08 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
Feb 18 Javascript
JavaScript函数IIFE使用详解
Oct 21 Javascript
解决小程序无法触发SESSION问题
Feb 03 Javascript
vue3自定义dialog、modal组件的方法
Jan 04 Vue.js
关于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 GD 图像处理组件的常用函数总结
2010/04/28 PHP
ThinkPHP写第一个模块应用
2012/02/20 PHP
ThinkPHP CURD方法之page方法详解
2014/06/18 PHP
PHP设计模式之迭代器模式
2016/06/17 PHP
jQuery阻止冒泡和HTML默认操作
2010/11/17 Javascript
DOM_window对象属性之--clipboardData对象操作代码
2011/02/03 Javascript
jQuery操作select的实例代码
2012/06/14 Javascript
setInterval,setTimeout与jquery混用的问题
2013/04/08 Javascript
JavaScript 创建运动框架的实现代码
2013/05/08 Javascript
JS、DOM和JQuery之间的关系示例分析
2014/04/09 Javascript
通过js来制作复选框的全选和不选效果
2014/05/22 Javascript
Javascript中的默认参数详解
2014/10/22 Javascript
原生js和jQuery随意改变div属性style的名称和值
2014/10/22 Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
2015/02/28 Javascript
jQuery实现可展开合拢的手风琴面板菜单
2015/09/15 Javascript
JS中Safari浏览器中的Date
2017/07/17 Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
2018/02/26 Javascript
Angular父组件调用子组件的方法
2018/04/02 Javascript
Vue表单demo v-model双向绑定问题
2018/06/29 Javascript
js实现按钮开关单机下拉菜单效果
2018/11/22 Javascript
在Python中使用mongoengine操作MongoDB教程
2015/04/24 Python
Python实现统计代码行的方法分析
2017/07/12 Python
python3 读写文件换行符的方法
2018/04/09 Python
pandas进行数据的交集与并集方式的数据合并方法
2018/06/27 Python
python2与python3中关于对NaN类型数据的判断和转换方法
2018/10/30 Python
Python supervisor强大的进程管理工具的使用
2019/04/24 Python
Pyqt5 基本界面组件之inputDialog的使用
2019/06/25 Python
使用Python自动生成HTML的方法示例
2019/08/06 Python
Smallable英国家庭概念店:设计师童装及家居装饰
2017/07/05 全球购物
Wiggle澳大利亚:自行车、跑步、游泳商店
2020/11/07 全球购物
设计大赛策划方案
2014/06/13 职场文书
网上祭先烈心得体会
2014/09/01 职场文书
职工擅自离岗检讨书
2014/09/23 职场文书
农村党员对照检查材料
2014/09/24 职场文书
2014年教师教学工作总结
2014/11/08 职场文书
2014年幼儿园安全工作总结
2014/11/10 职场文书