JavaScript判断密码强度(自写代码)


Posted in Javascript onSeptember 06, 2013

在一些网站注册的时候经常可以看到密码强度提示,例如优酷:
JavaScript判断密码强度(自写代码) 
今天自己做了一个JS密码强度判断,效果如下:
JavaScript判断密码强度(自写代码) 
以下是代码:

<html> 
<head> 
<title>JS判断密码强度</title> 
<script language=javascript> 
//判断输入密码的类型 
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; 
} 
//返回强度级别 
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); 
} //显示颜色 
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> 
</head> 
<body> 
<form name=form1 action="" > 
<table width="250" border="0" cellpadding=2" bordercolor="#eeeeee" style='display:inline'> 
<tr> 
<td width="40%" align="right">密码:</td> 
<td colspan="3" align="left"> 
<input type=password size=20 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)> 
</td> 
</tr> 
<tr align="center"> 
<td width="40%" align="right">密码强度:</td> 
<td width="20%" id="strength_L" bgcolor="#f5f5f5">弱</td> 
<td width="20%" id="strength_M" bgcolor="#f5f5f5">中</td> 
<td width="20%" id="strength_H" bgcolor="#f5f5f5">强</td> 
</tr> 
</table> 
</form> 
</body> 
</html>
Javascript 相关文章推荐
JS 建立对象的方法
Apr 21 Javascript
解读JavaScript中 For, While与递归的用法
May 07 Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
Jul 31 Javascript
jQuery实现仿Alipay支付宝首页全屏焦点图切换特效
May 04 Javascript
jQuery实现右下角可缩放大小的层完整实例
Jun 20 Javascript
简单谈谈关于Angular Cli打包的事
Sep 05 Javascript
js 将canvas生成图片保存,或直接保存一张图片的实现方法
Jan 02 Javascript
记一次webapck4 配置文件无效的解决历程
Sep 19 Javascript
vue生命周期和react生命周期对比【推荐】
Sep 19 Javascript
jquery.pager.js分页实现详解
Jul 29 jQuery
JavaScript相等运算符的九条规则示例详解
Oct 20 Javascript
基于vue.js实现购物车
Jan 15 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
Sep 06 #Javascript
让网页跳转到指定位置的jquery代码非书签
Sep 06 #Javascript
jquery中prop()方法和attr()方法的区别浅析
Sep 06 #Javascript
CheckBoxList多选样式jquery、C#获取选择项
Sep 06 #Javascript
jquery阻止冒泡事件使用模拟事件
Sep 06 #Javascript
Jquery的hover方法让鼠标经过li时背景变色
Sep 06 #Javascript
Jquery的hide及toggle方法让超链接慢慢消失
Sep 06 #Javascript
You might like
php 中include()与require()的对比
2006/10/09 PHP
C# WinForm中实现快捷键自定义设置实例
2015/01/23 PHP
php中使用gd库实现下载网页中所有图片
2015/05/12 PHP
thinkPHP实现的省市区三级联动功能示例
2017/05/05 PHP
PHP编程计算两个时间段是否有交集的实现方法(不算边界重叠)
2017/05/30 PHP
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
2011/03/03 Javascript
调试代码导致IE出错的避免方法
2014/04/04 Javascript
jquery简单实现网页层的展开与收缩效果
2015/08/07 Javascript
跟我学习javascript的浮点数精度
2015/11/16 Javascript
js基于cookie方式记住返回页面用法示例
2016/05/27 Javascript
判断输入的字符串是否是日期格式的简单方法
2016/07/11 Javascript
Angular请求防抖处理第一次请求失效问题
2019/05/17 Javascript
Vue 实现前端权限控制的示例代码
2019/07/09 Javascript
vue下的@change事件的实现
2019/10/25 Javascript
Nuxt默认模板、默认布局和自定义错误页面的实现
2020/05/11 Javascript
Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法
2020/09/04 Javascript
使用python实现拉钩网上的FizzBuzzWhizz问题示例
2014/05/05 Python
Python开发的HTTP库requests详解
2017/08/29 Python
浅谈pyqt5中信号与槽的认识
2019/02/17 Python
浅谈python之高阶函数和匿名函数
2019/03/21 Python
windows中安装Python3.8.0的实现方法
2019/11/19 Python
Python如何定义接口和抽象类
2020/07/28 Python
缅甸网上购物:Shop.com.mm
2017/12/05 全球购物
罗技美国官网:Logitech美国
2020/01/22 全球购物
个人自荐材料
2014/05/23 职场文书
慰问信格式
2015/02/14 职场文书
年度考核表个人总结
2015/03/06 职场文书
2015年学生会干事工作总结
2015/04/09 职场文书
2015年政教主任工作总结
2015/07/23 职场文书
团队合作精神学习心得体会
2016/01/19 职场文书
SONY AN-LP1 短波有源天线放大器
2021/04/22 无线电
pyqt5打包成exe可执行文件的方法
2021/05/14 Python
JavaScript小技巧带你提升你的代码技能
2021/09/15 Javascript
详解JavaScript的计时器和按钮效果设置
2022/02/18 Javascript
Pytorch中使用ImageFolder读取数据集时忽略特定文件
2022/03/23 Python
排查并解决Oracle sysaux表空间异常增长
2022/04/20 Oracle