<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评估用户输入密码的强度》一文中,作者提出了基于字符类型的密码强度评估标准,具体如下: 1. **弱密码**:若密码长度少于5位,或者仅由数字、小写字母、大写字母、特殊字符中的一种组成。 2. **...
JavaScript 评估用户密码强度 在Web开发中,为了提高用户账户的安全性,通常需要对用户设置的密码进行强度检查。JavaScript是一种常用的客户端脚本语言,可以在浏览器端运行,因此非常适合用于实时评估用户输入的...
对于密码强度判断,JavaScript可以实时地验证用户在输入框中输入的字符,提供即时反馈,帮助用户创建更安全的密码。 首先,我们需要获取用户输入的密码。这可以通过HTML的`<input>`元素和JavaScript的`document....
通过实时评估用户在输入密码时的字符组合,它能够即时给予用户反馈,显示其密码的安全级别,帮助用户创建更安全的密码,同时避免了频繁刷新页面带来的不便。 实现这一功能的关键技术是JavaScript,这是一种运行在...
本文将基于提供的示例代码,深入探讨如何利用JavaScript(简称JS)来判断密码强度,并分析各个功能模块的具体实现方法。 #### 一、理解密码强度评估标准 根据题目描述,密码强度分为四个等级: 1. **弱密码**:...
标题中的“用于估计用户输入密码强度的jQuery插件”指的是一个JavaScript库,它结合了jQuery框架,用于实时评估用户在密码输入字段中键入的密码的安全性。这种插件通常会根据密码的长度、复杂性(包括大写字母、小写...
标题中的“jQuery输入密码强度验证代码”指的是利用`jQuery`来编写一段脚本,实时监测用户在密码输入框中输入的内容,并根据预设的规则评估密码的强度。这个功能通常会包括以下几个方面: 1. **长度检查**:确保...
前端通过JavaScript实时反馈用户输入的密码强度,提供友好的用户体验;后端通过C#进行服务器端验证,确保安全性的最大化。通过这样的设计,开发者可以在保证用户友好性的同时,增强系统的安全性。
本文将深入解析一段JavaScript代码,该代码用于评估用户输入密码的强度,并通过不同的颜色直观地展示密码的强弱。 #### 密码强度判断原理 密码强度的评估主要基于以下几点: 1. **长度**:密码长度越长,破解难度...
这个"vue.js表单密码强度验证代码"是专门为Vue.js项目设计的一个功能,用于增强用户在手机注册表单中输入密码时的安全性。通过这种验证机制,用户可以得到实时反馈,了解他们设置的密码是否足够强壮,从而降低账户被...
通过JavaScript评估输入密码的强度,并用图形或文字反馈给用户。这通常基于密码长度、字符复杂度等因素。 6. **自动填充与阻止** 浏览器的自动填充功能有时可能造成安全隐患。开发者可以使用JavaScript禁用特定...
JavaScript是前端开发的主要语言,它可以在用户输入密码时立即处理数据。通常,我们可以监听`input`事件,然后对密码进行分析,检查其长度、是否包含大写字母、小写字母、数字、特殊字符等。以下是一个简单的...
在密码强度检测中,JavaScript可以实时分析用户输入的密码,评估其复杂性,并给予相应的反馈。 首先,我们需要定义一个函数来计算密码强度。这个函数通常会考虑以下几个因素: 1. **长度**:密码应至少包含8个字符...
它通常使用JavaScript(JS)来实现,以实时检查并反馈用户输入的密码是否符合设定的安全标准。下面将详细解释这个功能的工作原理和实现方式。 1. **密码强度评估标准**:密码强度通常基于以下几个方面进行判断: -...
标题中的“基于jQuery的密码强度验证”是指一种利用JavaScript库jQuery实现的密码安全评估功能。在Web应用中,用户输入的密码强度验证是确保账户安全的重要环节,它可以帮助用户创建更复杂的密码,防止轻易被破解。 ...
在构建手机注册表单时,输入密码强度验证是必不可少的一个环节,这有助于确保用户设置的密码足够安全,减少账户被破解的风险。在Vue.js中实现这一功能,可以通过自定义指令、组件或者利用现有的第三方库来完成。 ...
本资源提供了一种基于Vue.js实现的手机端注册表单输入密码强度验证功能的源码,有助于开发者快速集成到自己的项目中。 首先,我们要理解Vue.js中的数据绑定和计算属性。Vue.js的核心机制是双向数据绑定,通过`v-...
首先,我们来看标题中的关键词"jQuery输入密码强度验证代码",这表明我们要讨论的是一个基于jQuery的前端密码验证机制,它能够实时评估用户输入的密码强度,并提供反馈。通常,这种功能会根据密码的长度、字符复杂性...
标题中的知识点是使用JavaScript编写一个程序来评估用户输入的密码强度。这个功能是网络安全和用户认证的一个重要方面,因为强大的密码能有效防止未经授权的访问。描述中提到了四种不同的密码强度级别,根据密码的...
在"passwordStrength.js"这个文件中,我们可以预见到jQuery被用来监听用户在输入框中输入密码的事件,然后执行相应的密码强度检查。 正则表达式(Regular Expression)是用于匹配字符串模式的强大工具。在这个项目...