`

js评估用户输入的密码强度

    博客分类:
  • js
 
阅读更多
<title>Js评估用户输入的密码强度</title>
<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>
分享到:
评论

相关推荐

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

    在《用Javascript评估用户输入密码的强度》一文中,作者提出了基于字符类型的密码强度评估标准,具体如下: 1. **弱密码**:若密码长度少于5位,或者仅由数字、小写字母、大写字母、特殊字符中的一种组成。 2. **...

    javascript评估用户密码强度 doc

    JavaScript 评估用户密码强度 在Web开发中,为了提高用户账户的安全性,通常需要对用户设置的密码进行强度检查。JavaScript是一种常用的客户端脚本语言,可以在浏览器端运行,因此非常适合用于实时评估用户输入的...

    判断用户输入的密码强度

    对于密码强度判断,JavaScript可以实时地验证用户在输入框中输入的字符,提供即时反馈,帮助用户创建更安全的密码。 首先,我们需要获取用户输入的密码。这可以通过HTML的`&lt;input&gt;`元素和JavaScript的`document....

    可以不刷新页面检测用户输入的密码强度

    通过实时评估用户在输入密码时的字符组合,它能够即时给予用户反馈,显示其密码的安全级别,帮助用户创建更安全的密码,同时避免了频繁刷新页面带来的不便。 实现这一功能的关键技术是JavaScript,这是一种运行在...

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

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

    用于估计用户输入密码强度的jQuery插件。_JavaScrip.zip

    标题中的“用于估计用户输入密码强度的jQuery插件”指的是一个JavaScript库,它结合了jQuery框架,用于实时评估用户在密码输入字段中键入的密码的安全性。这种插件通常会根据密码的长度、复杂性(包括大写字母、小写...

    jQuery输入密码强度验证代码

    标题中的“jQuery输入密码强度验证代码”指的是利用`jQuery`来编写一段脚本,实时监测用户在密码输入框中输入的内容,并根据预设的规则评估密码的强度。这个功能通常会包括以下几个方面: 1. **长度检查**:确保...

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

    前端通过JavaScript实时反馈用户输入的密码强度,提供友好的用户体验;后端通过C#进行服务器端验证,确保安全性的最大化。通过这样的设计,开发者可以在保证用户友好性的同时,增强系统的安全性。

    JavaScript 密码强度判断代码

    本文将深入解析一段JavaScript代码,该代码用于评估用户输入密码的强度,并通过不同的颜色直观地展示密码的强弱。 #### 密码强度判断原理 密码强度的评估主要基于以下几点: 1. **长度**:密码长度越长,破解难度...

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

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

    Javascript密码输入控件

    通过JavaScript评估输入密码的强度,并用图形或文字反馈给用户。这通常基于密码长度、字符复杂度等因素。 6. **自动填充与阻止** 浏览器的自动填充功能有时可能造成安全隐患。开发者可以使用JavaScript禁用特定...

    输入显示密码强度,js,c#,输入显示密码强度,js,c#,

    JavaScript是前端开发的主要语言,它可以在用户输入密码时立即处理数据。通常,我们可以监听`input`事件,然后对密码进行分析,检查其长度、是否包含大写字母、小写字母、数字、特殊字符等。以下是一个简单的...

    密码强度 js代码

    在密码强度检测中,JavaScript可以实时分析用户输入的密码,评估其复杂性,并给予相应的反馈。 首先,我们需要定义一个函数来计算密码强度。这个函数通常会考虑以下几个因素: 1. **长度**:密码应至少包含8个字符...

    用户注册密码强度提示代码.rar

    它通常使用JavaScript(JS)来实现,以实时检查并反馈用户输入的密码是否符合设定的安全标准。下面将详细解释这个功能的工作原理和实现方式。 1. **密码强度评估标准**:密码强度通常基于以下几个方面进行判断: -...

    基于jquery的密码强度的验证

    标题中的“基于jQuery的密码强度验证”是指一种利用JavaScript库jQuery实现的密码安全评估功能。在Web应用中,用户输入的密码强度验证是确保账户安全的重要环节,它可以帮助用户创建更复杂的密码,防止轻易被破解。 ...

    vue.js适用于手机注册表单输入密码强度验证

    在构建手机注册表单时,输入密码强度验证是必不可少的一个环节,这有助于确保用户设置的密码足够安全,减少账户被破解的风险。在Vue.js中实现这一功能,可以通过自定义指令、组件或者利用现有的第三方库来完成。 ...

    网页模板——vue.js实现适用于手机端注册表单输入密码强度验证功能源码.zip

    本资源提供了一种基于Vue.js实现的手机端注册表单输入密码强度验证功能的源码,有助于开发者快速集成到自己的项目中。 首先,我们要理解Vue.js中的数据绑定和计算属性。Vue.js的核心机制是双向数据绑定,通过`v-...

    jQuery输入密码强度验证代码.zip

    首先,我们来看标题中的关键词"jQuery输入密码强度验证代码",这表明我们要讨论的是一个基于jQuery的前端密码验证机制,它能够实时评估用户输入的密码强度,并提供反馈。通常,这种功能会根据密码的长度、字符复杂性...

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

    标题中的知识点是使用JavaScript编写一个程序来评估用户输入的密码强度。这个功能是网络安全和用户认证的一个重要方面,因为强大的密码能有效防止未经授权的访问。描述中提到了四种不同的密码强度级别,根据密码的...

    jquery密码强度效果

    在"passwordStrength.js"这个文件中,我们可以预见到jQuery被用来监听用户在输入框中输入密码的事件,然后执行相应的密码强度检查。 正则表达式(Regular Expression)是用于匹配字符串模式的强大工具。在这个项目...

Global site tag (gtag.js) - Google Analytics