用Javascript评估用户输入密码的强度实现代码


Posted in Javascript onNovember 30, 2011

1.如果密码少于5位,那么就认为这是一个弱密码。
2.如果密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成,则认为这是一个弱密码。
3.如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成,则认为这是一个中度安全的密码。
4.如果密码由数字、小写字母、大写字母或其它特殊符号当中的三种以上组成,则认为这是一个比较安全的密码。

<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.getElementByIdx_x("strength_L").style.background=Lcolor; 
document.getElementByIdx_x("strength_M").style.background=Mcolor; 
document.getElementByIdx_x("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 获取LI里的内容
Dec 17 Javascript
javascript 页面划词搜索JS
Sep 28 Javascript
关于js new Date() 出现NaN 的分析
Oct 23 Javascript
javascript解析json数据的3种方式
May 08 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
Jan 06 Javascript
详解jQuery停止动画——stop()方法的使用
Dec 14 Javascript
浅谈vue,angular,react数据双向绑定原理分析
Nov 28 Javascript
Vue.js 踩坑记之双向绑定
May 03 Javascript
原理深度解析Vue的响应式更新比React快
Apr 04 Javascript
详解Vue之计算属性
Jun 20 Javascript
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
Feb 20 Vue.js
前端学习——JavaScript原生实现购物车案例
Mar 31 Javascript
用Javascript评估用户输入密码的强度(Knockout版)
Nov 30 #Javascript
Ubuntu 11.10 安装Node.js的方法
Nov 30 #Javascript
JavaScript中数组的排序、乱序和搜索实现代码
Nov 30 #Javascript
js常用代码段整理
Nov 30 #Javascript
firebug的一个有趣现象介绍
Nov 30 #Javascript
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
Nov 30 #Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
Nov 30 #Javascript
You might like
第1次亲密接触PHP5(2)
2006/10/09 PHP
二进制交叉权限微型php类分享
2014/02/07 PHP
laravel安装和配置教程
2014/10/29 PHP
PHP文件与目录操作示例
2016/12/24 PHP
Thinkphp5框架异常处理操作实例分析
2020/06/03 PHP
javascript 隔行换色函数代码
2010/10/24 Javascript
JavaScript 匿名函数和闭包介绍
2015/04/13 Javascript
谈谈js中的prototype及prototype属性解释和常用方法
2015/11/25 Javascript
理解JavaScript中worker事件api
2015/12/25 Javascript
jQuery实现漂亮实用的商品图片tips提示框效果(无图片箭头+阴影)
2016/04/16 Javascript
Vue2学习笔记之请求数据交互vue-resource
2017/02/23 Javascript
详解Chai.js断言库API中文文档
2018/01/31 Javascript
React如何避免重渲染
2018/04/10 Javascript
JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法
2018/06/07 Javascript
vue服务端渲染添加缓存的方法
2018/09/18 Javascript
详解create-react-app 2.0版本如何启用装饰器语法
2018/10/23 Javascript
微信小程序实现随机验证码功能
2018/12/20 Javascript
微信小程序实现提交input信息到后台的方法示例
2019/01/19 Javascript
python进阶教程之动态类型详解
2014/08/30 Python
在Python中操作列表之List.append()方法的使用
2015/05/20 Python
Python3学习urllib的使用方法示例
2017/11/29 Python
python遍历一个目录,输出所有的文件名的实例
2018/04/23 Python
在python中使用xlrd获取合并单元格的方法
2018/12/26 Python
解决pyinstaller打包发布后的exe文件打开控制台闪退的问题
2019/06/21 Python
如何使用Python实现斐波那契数列
2019/07/02 Python
Python安装OpenCV的示例代码
2020/03/05 Python
Python基于stuck实现scoket文件传输
2020/04/02 Python
Html5+CSS3+EL表达式问题小结
2020/12/19 HTML / CSS
机械化及自动化毕业生的自我评价分享
2013/11/06 职场文书
业务助理岗位职责
2013/11/18 职场文书
党员入党表决心的话
2014/03/11 职场文书
《花瓣飘香》教学反思
2014/04/15 职场文书
蛋糕店创业计划书范文
2014/09/21 职场文书
公司向个人借款协议书范本
2014/10/09 职场文书
2014年教育工作总结
2014/11/26 职场文书
送给教师们,到底该如何写好教学反思?
2019/07/02 职场文书