<script language=javascript>
//CharMode函数
//source:www.web2bar.cn
//测试某个字符是属于哪一类.
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. **长度**:密码长度越长,破解难度...
"用户注册密码强度提示代码"是一个专门用于帮助用户在注册时创建强密码的功能。它通常使用JavaScript(JS)来实现,以实时检查并反馈用户输入的密码是否符合设定的安全标准。下面将详细解释这个功能的工作原理和实现...
这个"vue.js表单密码强度验证代码"是专门为Vue.js项目设计的一个功能,用于增强用户在手机注册表单中输入密码时的安全性。通过这种验证机制,用户可以得到实时反馈,了解他们设置的密码是否足够强壮,从而降低账户被...
这段JS代码主要用于在用户注册时实时评估所输入的密码强度,并根据其复杂性显示不同的颜色提示,以便用户了解他们的密码是否足够安全。以下是对代码中关键知识点的详细解释: 1. **字符分类函数(CharMode)**:这个...
根据提供的文件信息,本文将详细解释一个用于验证密码强度的JavaScript代码,并对该代码中的关键功能进行解析。 ### 验证密码强度的JavaScript代码 #### 一、代码概述 该JavaScript代码实现了基本的密码强度验证...
本示例“Vue.js表单输入框密码强度验证代码”专注于创建一个功能,实时评估用户在注册表单中输入的密码强度,并提供相应的反馈。这种交互式的用户体验可以帮助用户创建更安全的密码,降低账户被破解的风险。 实现这...
标题中的“兼容性较好的jQuery检测密码强度代码”指的是一个使用jQuery库实现的JavaScript代码片段,其目的是为了在网页上提供一种交互式的密码强度检测功能。这个功能常见于用户注册或修改密码的场景,帮助用户创建...
- **JavaScript (js)**:在网页中,JavaScript通常用于实现动态反馈,监听用户的输入事件,并实时更新密码强度指示器的状态。它可能包括计算密码强度的函数,以及更新UI元素(如进度条)的代码。 - **Cascading ...
在这个例子中,当用户离开密码输入框时,`checkPasswordStrength`函数会被调用,根据返回的提示信息更新显示的密码强度。 此外,还可以使用JavaScript监听表单提交事件,防止未通过验证的表单数据被发送到服务器。...
`passwdqc` 是一个用于密码强度检测和策略实施的工具,最初是用 C 语言编写的,而"passwdqc的JavaScript端口"则是将其功能移植到了 JavaScript 语言中,使得在 Web 前端也能进行密码安全性的评估。这个压缩包文件 ...
- **前端验证**:用户在输入密码时,前端可能实时显示密码强度,例如通过进度条或文字提示。 - **AJAX异步通信**:前端可以使用JavaScript和AJAX技术向后端发送密码强度请求,不刷新页面就能获取反馈。 4. **...
标题中的“用于估计用户输入密码强度的jQuery插件”指的是一个JavaScript库,它结合了jQuery框架,用于实时评估用户在密码输入字段中键入的密码的安全性。这种插件通常会根据密码的长度、复杂性(包括大写字母、小写...
在这个例子中,JavaScript监听密码输入框的`onKeyUp`和`onBlur`事件,当用户输入或离开输入框时触发密码强度检查。 4. **CharMode函数**:这个函数用于确定输入字符的类型,如数字、大写字母、小写字母或特殊字符,...
这个压缩包“密码强度智能判断适合有会员模块的网站.zip”显然是一个前端代码资源,用于帮助开发者实现这一功能。 首先,我们需要理解什么是密码强度智能判断。它是一种评估用户输入的密码复杂度的方法,通常基于一...
2. **复杂度评估**:检查器通常会考虑多种因素来判断密码强度,包括长度、是否包含大写字母、小写字母、数字、特殊字符等。 3. **规则定制**:开发者可以根据特定项目的需求自定义规则,比如最小长度、必须包含特定...
### JavaScript注册时密码强度校验代码详解 在网站或应用的用户注册流程中,密码的安全性至关重要。一个安全的密码可以有效防止账户被恶意破解。本文将详细介绍如何使用JavaScript实现密码强度校验功能,并通过不同...
js实现密码强度检测是指通过JavaScript编程语言编写的一段代码,用于在用户输入密码时,根据密码的组成、长度等因素判断密码的安全性级别,一般是分为“弱”、“中”、“强”三个等级。在用户注册或更改密码时,这种...
对于密码强度的验证,可能需要用到正则表达式进行匹配,确保密码包含大小写字母、数字和特殊字符。同时,还可以使用`setCustomValidity`方法来设置自定义错误消息,当验证失败时显示给用户。 5. **AJAX...
例如,密码强度验证可能需要包含大小写字母、数字和特殊字符的组合;邮箱验证则需要用到正则表达式检查其格式是否正确。通过在前端进行这些验证,可以即时反馈给用户,避免无效的提交请求。 2. **公共函数**:将...