`

JavaScript判断用户密码的安全强度

    博客分类:
  • js
 
阅读更多
摘自:http://www.nowamagic.net/javascript/js_JudgeUserPasswordSafty.php
密码已经是我们生活工作中必不可少的工具,但一个不安全的密码有又有可能会给我们造成不必要的损失。作为网站设计者,如果我们在网页中能对用户输入的密码进行安全评估,并显示出相应的提示信息,那么对用户设置一个安全的密码将有很大帮助。同时也使得网站更具人性化,更有吸引力。

什么是一个安全的密码呢?本程序按以下的方式进行评估。

如果密码少于5位,那么就认为这是一个弱密码。
如果密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成,则认为这是一个弱密码。
如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成,则认为这是一个中度安全的密码。
如果密码由数字、小写字母、大写字母或其它特殊符号当中的三种以上组成,则认为这是一个比较安全的密码。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<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函数.www.qichepeijian.com
//当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色

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="" >
<table width="400" border="0">
  <tr>
    <td width="25%">输入密码:</td>
    <td width="75%"><input type="password" size="40" onKeyUp="pwStrength(this.value)" onBlur="pwStrength(this.value)"> </td>
  </tr>
  <tr>
    <td>密码强度:</td>
    <td>
<table width="300" border="1" bordercolor="#cccccc" height="23">
<tr bgcolor="#eeeeee">
<td width="100" id="strength_L">弱</td>
<td width="100" id="strength_M">中</td>
<td width="100" id="strength_H">强</td>
</tr>
</table>
    </td>
  </tr>
  <tr>
    <td>温馨提示:</td>
    <td>密码至少需要4个字符,并且最好包含数字,字母(大小写都有)与特殊符号。</td>
  </tr>
</table>
</form>
分享到:
评论

相关推荐

    JavaScript 密码强度判断代码

    JavaScript 密码强度判断代码,支持下~~

    javascript 代码自动判断文本框中的密码强度

    QQ密码强度判断,javascript 代码自动判断文本框中的密码强度

    判断用户输入的密码强度

    打开即可运行,查看代码 自己研究哈...

    密码强度只能判断特效

    用javascript来判断输入密码的强弱程度

    Javascript密码强度.txt

    Javascript密码强度是用js写的判断密码的强度的代码

    比较简单的JavaScript密码强弱检测判断代码.rar

    一个比较简单的JavaScript密码强弱检测判断代码,检测用户输入密码的强度是多少,通过JS方法计算密码强度,适时提醒用户的密码是否安全,现在这种功能基本上很普遍了,本代码没有使用正则表达式。代码中的密码强度值...

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

    JS判断密码强度&lt;/title&gt; [removed] //判断输入密码的类型 function CharMode(iN){ if (iN&gt;=48 && iN &lt;=57) //数字 return 1; if (iN&gt;=65 && iN &lt;=90) //大写 return 2; if (iN&gt;=97 && iN &lt;=122) //...

    JavaScript动态检测密码强度原理及实现方法详解

    本文实例讲述了JavaScript动态检测密码强度原理及实现方法。分享给大家供大家参考,具体如下: 在注册账户,设置密码时,会出现密码强度动态检测,网上看了一些帖子,大多只写了具体的实现过程,而没有对原理的分析...

    身份证密码强度专业验证

    1.可以验证用户密码的安全级别并返回安全级别的等级 全部数字安全级别为低 数字+字母安全级别为中 数字+大小写字母安全级别为最高 并且密码不能为全角 或者特殊符号等 如果修改功能请修改 js下的passwordstrength.js...

    javascript密码强度校验代码(两种方法)

    为了保证网站个人信息的安全,很多网站在注册页面都设置密码强度这项,用javascript如何实现密码强度校验代码呢?下面小编给大家整理了两种方法使用javascript密码强度校验代码,有需要的朋友可以参考下

    javascript页面元素检查

    实用的javascript代码,密码强度判断,邮箱格式判断,日期格式判断一应俱全,完整实用

    js实现密码强度检测【附示例】

    这篇文章主要介绍了js实现密码强度检测的相关实例,第一个例子给出了全部代码,可以直接运行,第...JS判断密码强度&lt;/title&gt; [removed] //判断输入密码的类型 function CharMode(iN){ if (iN&gt;=48 && iN &lt;=57) /

    js密码强度检测

    本文实例讲解了js密码强度检测的实现代码,分享给...JS判断密码强度&lt;/title&gt; [removed] //判断输入密码的类型 function CharMode(iN){ if (iN&gt;=48 && iN &lt;=57) //数字 return 1; if (iN&gt;=65 && iN &lt;=90)

    程序天下:JavaScript实例自学手册

    16.14 密码强度检查 16.15 身份证的验证 16.16 JavaScript生成验证码 16.17 JavaScript生成验证码(二) 第17章 进度条、滚动条特效处理 17.1 使用符号制作的进度条 17.2 用table制作的进度条 17.3 CSS+JS制作的进度条...

    《程序天下:JavaScript实例自学手册》光盘源码

    16.14 密码强度检查 16.15 身份证的验证 16.16 JavaScript生成验证码 16.17 JavaScript生成验证码(二) 第17章 进度条、滚动条特效处理 17.1 使用符号制作的进度条 17.2 用table制作的进度条 17.3 CSS+JS制作的进度条...

    JS基于正则表达式实现的密码强度验证功能示例

    主要介绍了JS基于正则表达式实现的密码强度验证功能,涉及javascript事件响应及基于正则的字符遍历、判断等相关操作技巧,需要的朋友可以参考下

Global site tag (gtag.js) - Google Analytics