用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 相关文章推荐
读jQuery之二(两种扩展)
Jun 11 Javascript
在HTML代码中使用JavaScript代码的例子
Oct 16 Javascript
jQuery $命名冲突解决方案汇总
Nov 13 Javascript
ECMAScript6函数默认参数
Jun 12 Javascript
jQuery实时显示鼠标指针位置和键盘ASCII码
Mar 28 Javascript
JavaScript位移运算符(无符号) &gt;&gt;&gt; 三个大于号 的使用方法详解
Mar 31 Javascript
基于jQuery实现中英文切换导航条效果
Sep 18 Javascript
AngularJS路由Ui-router模块用法示例
May 29 Javascript
vue loadmore 组件滑动加载更多源码解析
Jul 19 Javascript
jQuery Layer弹出层传值到父页面的实现代码
Aug 17 jQuery
Three.js实现绘制字体模型示例代码
Sep 26 Javascript
js利用拖放实现添加删除
Aug 27 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
PHP中鲜为人知的10个函数
2014/02/28 PHP
Smarty模板学习笔记之Smarty简介
2014/05/20 PHP
destoon实现商铺管理主页设置增加新菜单的方法
2014/06/26 PHP
仿163填写邮件地址自动显示下拉(无优化)
2008/11/05 Javascript
高亮显示web页表格行的javascript代码
2010/11/19 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
2013/01/23 Javascript
json数据处理技巧(字段带空格、增加字段、排序等等)
2013/06/14 Javascript
jQuery判断指定id的对象是否存在的方法
2015/05/22 Javascript
AngularJS控制器之间的通信方式详解
2016/11/03 Javascript
详解vue前后台数据交互vue-resource文档
2017/07/19 Javascript
ES6新增数据结构WeakSet的用法详解
2017/08/07 Javascript
关于JS与jQuery中的文档加载问题
2017/08/22 jQuery
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
2018/06/01 Javascript
scrapy爬虫实例分享
2017/12/28 Python
tensorflow实现softma识别MNIST
2018/03/12 Python
python素数筛选法浅析
2018/03/19 Python
Python提取频域特征知识点浅析
2019/03/04 Python
Python FFT合成波形的实例
2019/12/04 Python
opencv 图像腐蚀和图像膨胀的实现
2020/07/07 Python
纯CSS3制作页面切换效果的实例代码
2019/05/30 HTML / CSS
HTML5中的Scoped属性使用实例
2014/04/23 HTML / CSS
整理HTML5中表单的常用属性及新属性
2016/02/19 HTML / CSS
家居设计专业个人自荐信范文
2013/11/26 职场文书
房地产销售员的自我评价分享
2013/12/04 职场文书
公司中秋节活动方案
2014/02/12 职场文书
大学生个人实习的自我评价
2014/02/15 职场文书
社区食品安全实施方案
2014/03/28 职场文书
产品设计开发计划书
2014/05/07 职场文书
低碳环保标语
2014/06/12 职场文书
优秀应届毕业生自荐书
2014/06/29 职场文书
党的群众路线对照检查材料范文
2014/09/24 职场文书
2015年乡镇组织委员工作总结
2015/10/23 职场文书
Sql-Server数据库单表查询 4.3实验课
2021/04/05 SQL Server
浅谈JavaScript作用域
2021/12/06 Javascript
python中的sys模块和os模块
2022/03/20 Python
Python使用BeautifulSoup4修改网页内容
2022/05/20 Python