`

js 判断密码强度

    博客分类:
  • js
阅读更多
本程序按以下的方式进行评估.
  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.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="" >
输入密码:<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>

 

分享到:
评论

相关推荐

    JS判断密码强度与C#判断密码强度

    本文将深入探讨如何使用JavaScript(JS)和C#在ASP.NET环境中实现密码强度的判断。 首先,前端JavaScript是用户界面交互的主要语言,用于实时验证用户的输入。在密码强度判断中,我们可以编写一个JS函数,该函数...

    JS配合Web判断密码强度实例

    本文将基于提供的示例代码,深入探讨如何利用JavaScript(简称JS)来判断密码强度,并分析各个功能模块的具体实现方法。 #### 一、理解密码强度评估标准 根据题目描述,密码强度分为四个等级: 1. **弱密码**:...

    正则表达式判断密码强度

    在Web应用开发中,例如"WebApplication2"这样的项目,可以利用前端验证(如JavaScript)和后端验证(如服务器端语言如Java、Python等)双重校验密码强度,以提供更高的安全性。前端验证可以即时反馈给用户,而后端...

    js判断密码强度的方法

    本文实例为大家分享了js判断密码强度的具体代码,供大家参考,具体内容如下 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt...

    AJAX 判断密码强度

    **AJAX 技术及其在密码强度判断中的应用** AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过JavaScript与服务器进行异步数据交换,使得用户可以与...

    判断用户输入的密码强度

    在提供的`判断密码强度.html`文件中,很可能是包含了上述逻辑的示例代码。通过阅读和研究这个文件,你可以更深入地理解如何利用JavaScript实现密码强度的实时验证。记住,为了确保用户账户的安全,除了前端验证,...

    vue.js表单密码强度验证代码.zip

    这个"vue.js表单密码强度验证代码"是专门为Vue.js项目设计的一个功能,用于增强用户在手机注册表单中输入密码时的安全性。通过这种验证机制,用户可以得到实时反馈,了解他们设置的密码是否足够强壮,从而降低账户被...

    JS判断密码强度文库.pdf

    以上三个JavaScript函数分别为`IsDate`、`IsNullEmpty`和`IsCurrent`,它们分别用于验证日期格式、判断字符串是否为空以及验证货币格式。这些函数在实际开发中非常实用,尤其是在前端表单验证中,能够有效地提升用户...

    JavaScript 密码强度判断代码

    ### JavaScript密码强度判断代码解析 在现代Web应用中,用户数据的安全性至关重要,而密码作为保护用户账户的第一道防线,其强度直接关系到账户的安全。本文将深入解析一段JavaScript代码,该代码用于评估用户输入...

    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来实现对文本框中输入的密码强度进行自动判断。 首先,我们需要理解什么是密码强度。一个强密码通常包含以下特点:长度足够(至少8个字符),包含大写字母、小写字母、数字...

    密码强度只能判断特效

    "密码强度只能判断特效"这个主题主要关注如何使用JavaScript来实现一个动态的密码强度检测功能。在这个项目中,我们可以通过`index.html`作为主页面,`images`目录存放可能的提示图标或背景图片,`js`目录下的脚本...

    js正则表达式验证密码强度【推荐】

    通过本文的介绍,我们可以了解到如何通过编写正则表达式,根据不同的密码规则来判断密码强度,并通过页面上的提示,给用户一个直观的密码强度反馈。 在实现密码强度验证的过程中,我们通常需要满足一些基本的要求,...

    js判断用户名密码实现登录

    以上代码只是一个简单的示例,实际应用中,通常会涉及到更复杂的验证规则,如密码强度检查、用户名存在性验证等。在生产环境中,为了安全起见,密码通常不会明文存储,而是通过哈希函数进行加密比对。 `loginindex....

    漂亮的jsp密码强度检测

    jsp密码强度检测jsp密码强度检测jsp密码强度检测

    Web Angular用户密码强度判别

    在这个实例中,我们将使用AngularJS的双向数据绑定特性,使得输入框中的密码值能实时影响到密码强度的判断。 1. **创建AngularJS应用**: 在HTML文件中,我们需要引入AngularJS库,并定义一个应用模块,例如`myApp...

    js验证--密码强度

    js判断密码的强度,给出强弱返回值,下载后,保存格式为html格式即可。

    javascript实现的密码强度测试

    JavaScript中,可以创建一个函数来计算这些规则的分数,然后根据总分来判断密码的强度等级,例如弱、中等、强或非常强。可以使用正则表达式来匹配不同的字符类型,计算每种类型的得分,最后将所有得分相加得到总分。...

Global site tag (gtag.js) - Google Analytics