用于判断用户注册时,密码强度的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.AutoComplete.js中文修正版(支持firefox)
Apr 09 Javascript
关于textarea提交的内容无法换行的解决办法
Apr 09 Javascript
使用AngularJS 应用访问 Android 手机的图片库
Mar 24 Javascript
js密码强度检测
Jan 07 Javascript
卸载安装Node.js与npm过程详解
Aug 15 Javascript
js 定位到某个锚点的方法
Nov 19 Javascript
Vue数据驱动模拟实现2
Jan 11 Javascript
关于使用js算总价的问题
Jun 23 Javascript
基于Vue实现页面切换左右滑动效果
Jun 29 Javascript
vue-cli3 项目从搭建优化到docker部署的方法
Jan 28 Javascript
JavaScript this使用方法图解
Feb 04 Javascript
Vue2项目中对百度地图的封装使用详解
Jun 16 Vue.js
很全的显示阴历(农历)日期的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中路径问题的解决方案
2006/10/09 PHP
IIS+fastcgi下PHP运行超时问题的解决办法详解
2013/06/20 PHP
YII模块实现绑定二级域名的方法
2014/07/09 PHP
php输出xml必须header的解决方法
2014/10/17 PHP
php通过rmdir删除目录的简单用法
2015/03/18 PHP
php简单备份与还原MySql的方法
2016/05/09 PHP
在Laravel中使用MongoDB的方法示例
2019/11/11 PHP
PHP使用Http Post请求发送Json对象数据代码解析
2020/07/16 PHP
IE与firefox之jquery用法区别
2008/10/03 Javascript
Cookie 注入是怎样产生的
2009/04/08 Javascript
js 优化次数过多的循环 考虑到性能问题
2011/03/05 Javascript
javascript基础之查找元素的详细介绍(访问节点)
2013/07/05 Javascript
JavaScript实现定时隐藏与显示图片的方法
2015/08/06 Javascript
基于js实现checkbox批量选中操作
2016/11/22 Javascript
Angular搜索场景中使用rxjs的操作符处理思路
2018/05/30 Javascript
node.js的Express服务器基本使用教程
2019/01/09 Javascript
移动端手指操控左右滑动的菜单
2019/09/08 Javascript
jquery 插件重新绑定的处理方法分析
2019/11/23 jQuery
学习python (1)
2006/10/31 Python
python读取和保存视频文件
2018/04/16 Python
python制作填词游戏步骤详解
2019/05/05 Python
Pandas中DataFrame的分组/分割/合并的实现
2019/07/16 Python
tensorflow 环境变量设置方式
2020/02/06 Python
HTML5 虚拟键盘出现挡住输入框的解决办法
2017/02/14 HTML / CSS
健身场所或家用健身设备:Life Fitness
2017/11/01 全球购物
麦德龙官方海外旗舰店:德国麦德龙超市
2017/12/23 全球购物
户外婚礼策划方案
2014/02/08 职场文书
十佳护士获奖感言
2014/02/18 职场文书
《长江之歌》教学反思
2014/04/17 职场文书
安全施工标语
2014/06/07 职场文书
党员教师群众路线对照检查材料思想汇报
2014/09/29 职场文书
交通事故协议书范文
2014/10/23 职场文书
2015年公司保安年终工作总结
2015/05/14 职场文书
刮痧观后感
2015/06/05 职场文书
Python实现8种常用抽样方法
2021/06/27 Python
《雀魂PONG☆》4月1日播出 PV角色设定情报
2022/03/20 日漫