用于判断用户注册时,密码强度的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 相关文章推荐
javascript入门·图片对象(无刷新变换图片)\滚动图像
Oct 01 Javascript
php结合imgareaselect实现图片裁剪
Jul 05 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
Oct 09 Javascript
WebGL利用FBO完成立方体贴图效果完整实例(附demo源码下载)
Jan 26 Javascript
纯js代码制作的网页时钟特效【附实例】
Mar 30 Javascript
100行代码理解和分析vue2.0响应式架构
Mar 09 Javascript
jQuery中layer分页器的使用
Mar 13 Javascript
JavaScript 中使用 Generator的方法
Dec 29 Javascript
深入剖析Node.js cluster模块
May 23 Javascript
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
Jun 11 Javascript
swiper自定义分页器的样式
Sep 14 Javascript
基于JQuery和DWR实现异步数据传递
Oct 16 jQuery
很全的显示阴历(农历)日期的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实现LOL数据远程获取
2014/06/10 PHP
thinkphp项目部署到Linux服务器上报错“模板不存在”如何解决
2016/04/27 PHP
微信公众号开发之语音消息识别php代码
2016/08/08 PHP
PHP实现二维数组按照指定的字段进行排序算法示例
2019/04/23 PHP
javascript getElementsByName()的用法说明
2009/07/31 Javascript
javascript 导出数据到Excel(处理table中的元素)
2009/12/18 Javascript
JS文本框追加多个下拉框的值的简单实例
2013/07/12 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
2016/12/28 Javascript
javascript监听页面刷新和页面关闭事件方法详解
2017/01/09 Javascript
Vue+Flask实现简单的登录验证跳转的示例代码
2018/01/13 Javascript
js经验分享 JavaScript反调试技巧
2018/03/10 Javascript
vue.js中proxyTable 转发请求的实现方法
2018/09/20 Javascript
浅谈目前可以使用ES10的5个新特性
2019/06/25 Javascript
layer.open的自适应及居中及子页面标题的修改方法
2019/09/05 Javascript
浅谈layui 数据表格前后台传值的问题
2019/09/12 Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
2019/11/07 Javascript
Vue Object.defineProperty及ProxyVue实现双向数据绑定
2020/09/02 Javascript
Python编程中使用Pillow来处理图像的基础教程
2015/11/20 Python
深入理解NumPy简明教程---数组3(组合)
2016/12/17 Python
详解如何在python中读写和存储matlab的数据文件(*.mat)
2018/02/24 Python
Pycharm 设置默认头的图文教程
2019/01/17 Python
python反编译学习之字节码详解
2019/05/19 Python
python如何解析复杂sql,实现数据库和表的提取的实例剖析
2020/05/15 Python
Python实现寻找回文数字过程解析
2020/06/09 Python
网络艺术零售业的先驱者:artrepublic
2017/09/26 全球购物
Laura官网:加拿大女性的顶级时尚目的地
2019/09/20 全球购物
英国在线购买轮胎、预订汽车、汽车维修和装配网站:Protyre
2020/04/12 全球购物
什么是索引指示器
2012/08/20 面试题
小学生环保演讲稿
2014/04/25 职场文书
派出所所长先进事迹
2014/05/19 职场文书
新农村建设汇报材料
2014/08/15 职场文书
列车乘务员工作不细心检讨书
2014/10/07 职场文书
工作时间擅自离岗检讨书
2014/10/24 职场文书
电信营业员岗位职责
2015/04/14 职场文书
学校党支部公开承诺书
2015/04/30 职场文书
MYSQL数据库使用UTF-8中文编码乱码的解决办法
2021/05/26 MySQL