用于判断用户注册时,密码强度的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 相关文章推荐
phpwind放自动注册方法
Dec 02 Javascript
URI、URL和URN之间的区别与联系
Dec 20 Javascript
JQUERY 对象与DOM对象之两者相互间的转换
Apr 27 Javascript
JQuery对class属性的操作实现按钮开关效果
Oct 11 Javascript
javascript获取ckeditor编辑器的值(实现代码)
Nov 18 Javascript
jQuery焦点图切换简易插件制作过程全纪录
Aug 27 Javascript
jquery实现在光标位置插入内容的方法
Feb 05 Javascript
JS控制鼠标拒绝点击某一按钮的实例
Dec 29 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
Sep 19 Javascript
JavaScript获取当前url路径过程解析
Dec 27 Javascript
原生JS实现留言板
Mar 26 Javascript
微信小程序APP的事件绑定以及传递参数时的冒泡和捕获
Apr 19 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中函数的形参与实参的问题说明
2010/09/01 PHP
php实现统计目录文件大小的函数
2015/12/25 PHP
PHP+swoole实现简单多人在线聊天群发
2016/01/19 PHP
Yii多表联合查询操作详解
2016/06/02 PHP
图片完美缩放
2006/09/07 Javascript
javascript与CSS复习(三)
2010/06/29 Javascript
jquery.boxy插件的iframe扩展代码
2010/07/02 Javascript
js常用代码段收集
2011/10/28 Javascript
JS调用页面表格导出excel示例代码
2014/03/18 Javascript
javascript实现通过表格绘制颜色填充矩形的方法
2015/04/21 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
2015/10/21 Javascript
非常漂亮的相册集 使用jquery制作相册集
2016/04/28 Javascript
js仿拉勾网首页穿墙广告效果
2017/03/08 Javascript
bootstrap table表格插件使用详解
2017/05/08 Javascript
jQuery导航条固定定位效果实例代码
2017/05/26 jQuery
Angularjs验证用户输入的字符串是否为日期时间
2017/06/01 Javascript
浅谈关于angularJs中使用$.ajax的注意点
2017/08/12 Javascript
javascript+jQuery实现360开机时间显示效果
2017/11/03 jQuery
原生js实现点击轮播切换图片
2020/02/11 Javascript
React实现类似淘宝tab居中切换效果的示例代码
2020/06/02 Javascript
JavaScript 常见的继承方式汇总
2020/09/17 Javascript
使用python实现baidu hi自动登录的代码
2013/02/10 Python
Python字符和字符值(ASCII或Unicode码值)转换方法
2015/05/21 Python
Python二分查找详解
2015/09/13 Python
python实现简易动态时钟
2018/11/19 Python
PyInstaller的安装和使用的详细步骤
2020/06/02 Python
python如何更新包
2020/06/11 Python
Python执行时间的几种计算方法
2020/07/31 Python
什么是静态路由,其特点是什么?什么是动态路由,其特点是什么?
2013/07/26 面试题
中文专业毕业生自荐书范文
2014/01/04 职场文书
社区居务公开实施方案
2014/03/27 职场文书
监察局领导班子四风问题整改措施思想汇报
2014/10/05 职场文书
论群众路线学习笔记
2014/11/06 职场文书
go原生库的中bytes.Buffer用法
2021/04/25 Golang
Vue详细的入门笔记
2021/05/10 Vue.js
mysql如何能有效防止删库跑路
2021/10/05 MySQL