用于判断用户注册时,密码强度的JS代码


Posted in Javascript onJanuary 01, 2009

<script language=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 相关文章推荐
基于jQuery的淡入淡出可自动切换的幻灯插件
Aug 24 Javascript
关于firefox的ElementTraversal 接口 使用说明
Nov 11 Javascript
推荐10个超棒的jQuery工具提示插件
Oct 11 Javascript
javascript date格式化示例
Sep 25 Javascript
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
Dec 01 Javascript
JavaScript正则表达式实例详解
Oct 16 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
Jul 09 Javascript
jQuery实现QQ空间汉字转拼音功能示例
Jul 10 jQuery
JS中使用gulp实现压缩文件及浏览器热加载功能
Jul 12 Javascript
vue-router 源码之实现一个简单的 vue-router
Jul 02 Javascript
vue实现员工信息录入功能
Jun 11 Javascript
JavaScript实现简单图片切换
Apr 29 Javascript
很全的显示阴历(农历)日期的js代码
Jan 01 #Javascript
js继承 Base类的源码解析
Dec 30 #Javascript
动态创建的表格单元格中的事件实现代码
Dec 30 #Javascript
javascript FormatNumber函数实现方法
Dec 30 #Javascript
js 图片轮播(5张图片)
Dec 30 #Javascript
走出JavaScript初学困境—js初学
Dec 29 #Javascript
ExtJS 简介 让你知道extjs是什么
Dec 29 #Javascript
You might like
php生成短域名函数
2015/03/23 PHP
JavaScript null和undefined区别分析
2009/10/14 Javascript
JQuery toggle使用分析
2009/11/16 Javascript
原生javascript获取元素样式
2014/12/31 Javascript
jQuery实现仿新浪微博浮动的消息提示框(可智能定位)
2015/10/10 Javascript
node网页分段渲染详解
2016/09/05 Javascript
详解AngularJs中$resource和restfu服务端数据交互
2016/09/21 Javascript
搭建Bootstrap离线文档的方法
2016/12/02 Javascript
原生js实现无限循环轮播图效果
2017/01/20 Javascript
bootstrap响应式表格实例详解
2017/05/15 Javascript
JavaScript严格模式下关于this的几种指向详解
2017/07/12 Javascript
详解Vue2中组件间通信的解决全方案
2017/07/28 Javascript
jQuery简单实现对数组去重及排序操作实例
2017/10/31 jQuery
ExtJs整合Echarts的示例代码
2018/02/27 Javascript
基于jquery实现左右上下移动效果
2018/05/02 jQuery
JS实现数组删除指定元素功能示例
2019/06/05 Javascript
10种JavaScript最常见的错误(小结)
2019/06/21 Javascript
JavaScript中遍历的十种方法总结
2020/12/15 Javascript
Python 返回汉字的汉语拼音
2009/02/27 Python
python多线程编程方式分析示例详解
2013/12/06 Python
windows下安装Python的XlsxWriter模块方法
2018/05/03 Python
python实现守护进程、守护线程、守护非守护并行
2018/05/05 Python
基于python实现聊天室程序
2018/07/27 Python
python binascii 进制转换实例
2019/06/12 Python
python 如何区分return和yield
2020/09/22 Python
linux centos 7.x 安装 python3.x 替换 python2.x的过程解析
2020/12/14 Python
让IE6支持css3,让 IE7、IE8 都支持CSS3
2011/10/09 HTML / CSS
英国顶级家庭折扣店:The Works
2017/09/06 全球购物
时尚孕妇装:Ingrid & Isabel
2019/05/08 全球购物
澳大利亚购买健身器材网站:Gym Direct
2019/12/19 全球购物
酒店公关部经理岗位职责
2013/11/24 职场文书
售后服务承诺书范文
2014/03/26 职场文书
公司合作意向书
2014/04/01 职场文书
2015中秋节慰问信范文
2015/03/23 职场文书
2015年安全工作总结范文
2015/04/02 职场文书
Python函数式编程中itertools模块详解
2021/09/15 Python