用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 innerHTML使用分析
Dec 03 Javascript
window.print打印指定div实例代码
Dec 13 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
Sep 01 Javascript
BootStrap实现手机端轮播图左右滑动事件
Oct 13 Javascript
node.js学习之事件模块Events的使用示例
Sep 28 Javascript
详细分析JS函数去抖和节流
Dec 05 Javascript
JS和Canvas实现图片的预览压缩和上传功能
Mar 30 Javascript
微信小程序js文件改变参数并在视图上及时更新【推荐】
Jun 11 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
Jun 22 Javascript
使用Vue父子组件通信实现todolist的功能示例代码
Apr 11 Javascript
vue 实现路由跳转时更改页面title
Nov 05 Javascript
JavaScript枚举选择jquery插件代码实例
Nov 17 jQuery
用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实现微信网页授权开发教程
2016/01/19 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
laravel-admin 在列表页添加自定义按钮的例子
2019/09/30 PHP
在Laravel 的 Blade 模版中实现定义变量
2019/10/14 PHP
window.onload 加载完毕的问题及解决方案(上)
2009/07/09 Javascript
JQuery Easyui Tree的oncheck事件实现代码
2010/05/28 Javascript
js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
2013/01/16 Javascript
nodejs的10个性能优化技巧
2014/07/15 NodeJs
JS 作用域与作用域链详解
2015/04/07 Javascript
JQuery球队选择实例
2015/05/18 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
2015/11/26 Javascript
js+css绘制颜色动态变化的圈中圈效果
2016/01/27 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
2018/11/08 Javascript
JS删除String里某个字符的方法
2021/01/06 Javascript
Python爬虫爬验证码实现功能详解
2016/04/14 Python
举例讲解Python中字典的合并值相加与异或对比
2016/06/04 Python
小议Python中自定义函数的可变参数的使用及注意点
2016/06/21 Python
Python生成密码库功能示例
2017/05/23 Python
python实现一个简单的ping工具方法
2019/01/31 Python
Python模块 _winreg操作注册表
2020/02/05 Python
vscode+PyQt5安装详解步骤
2020/08/12 Python
HTML5之SVG 2D入门7—SVG元素的重用与引用
2013/01/30 HTML / CSS
突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述
2013/01/31 HTML / CSS
美国知名的在线旅游服务网站:Priceline
2016/07/23 全球购物
日本运动品牌美津浓官方购物网站:MIZUNO SHOP
2016/08/21 全球购物
海外淘书首选:AbeBooks
2017/07/31 全球购物
商务英语本科生的自我评价分享
2013/11/15 职场文书
《孔子游春》教学反思
2014/02/25 职场文书
总账会计岗位职责
2014/03/13 职场文书
农村结婚典礼司仪主持词
2014/03/14 职场文书
公司投资建议书
2014/05/16 职场文书
员工三分钟演讲稿
2014/08/19 职场文书
大雁塔英文导游词
2015/02/10 职场文书
广告业务员岗位职责
2015/02/13 职场文书
利用Python实现Picgo图床工具
2021/11/23 Python
CSS 左边固定宽右边自适应的6种方法
2022/05/15 HTML / CSS