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玩一玩WSH吧
Feb 23 Javascript
jQuery 隔行换色 支持键盘上下键,按Enter选定值
Aug 02 Javascript
Javascript 读书笔记索引贴
Jan 11 Javascript
js截取小数点后几位的写法
Nov 14 Javascript
JS 仿腾讯发表微博的效果代码
Dec 25 Javascript
用js设置下拉框为只读的小技巧
Apr 10 Javascript
JQuery中使用ajax传输超大数据的解决方法
Jul 14 Javascript
JS模式之单例模式基本用法
Jun 30 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
Jun 22 Javascript
详解vue渲染从后台获取的json数据
Jul 06 Javascript
Angular异步变同步处理方法
Aug 13 Javascript
Vue+TypeScript中处理computed方式
Apr 02 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
基于qmail的完整WEBMAIL解决方案安装详解
2006/10/09 PHP
PHP系统流量分析的程序
2006/10/09 PHP
Smarty+QUICKFORM小小演示
2007/02/25 PHP
Session 失效的原因汇总及解决丢失办法
2015/09/30 PHP
js获取提交的字符串的字节数
2009/02/09 Javascript
js预载入和JavaScript Image()对象使用介绍
2011/08/28 Javascript
Javascript浅谈之this
2013/12/17 Javascript
Javascript中的Callback方法浅析
2015/03/15 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
2016/01/06 Javascript
分享js粘帖屏幕截图到web页面插件screenshot-paste
2020/08/21 Javascript
微信小程序开发之Tabbar实例详解
2017/01/09 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
2017/04/01 Javascript
JS触摸事件、手势事件详解
2017/05/04 Javascript
js,jq,css多方面实现简易下拉菜单功能
2017/05/13 Javascript
JS实现预加载视频音频/视频获取截图(返回canvas截图)
2017/10/09 Javascript
解决easyui日期时间框ie的兼容的问题
2018/03/01 Javascript
js如何找出字符串中的最长回文串
2018/06/04 Javascript
使用JavaScript中的lodash编写双色球效果
2018/06/24 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
2018/07/25 Javascript
js canvas实现写字动画效果
2018/11/30 Javascript
Vue中父子组件的值传递与方法传递
2020/09/28 Javascript
python算法演练_One Rule 算法(详解)
2017/05/17 Python
python实现一个简单的并查集的示例代码
2018/03/19 Python
Python如何存储数据到json文件
2020/03/09 Python
使用pandas库对csv文件进行筛选保存
2020/05/25 Python
使用keras框架cnn+ctc_loss识别不定长字符图片操作
2020/06/29 Python
JupyterNotebook 输出窗口的显示效果调整实现
2020/09/22 Python
html5时钟实现代码
2010/10/22 HTML / CSS
Skechers越南官方网站:来自美国的运动休闲品牌
2021/02/22 全球购物
创建青年文明号材料
2014/05/09 职场文书
银行员工考核评语
2014/12/31 职场文书
2019新员工心得体会
2019/06/25 职场文书
开网店计划分析
2019/07/30 职场文书
Python并发编程实例教程之线程的玩法
2021/06/20 Python
MySQL修改默认引擎和字符集详情
2021/09/25 MySQL
JavaScript实现酷炫的鼠标拖尾特效
2022/02/18 Javascript