<html>
<head>
<title>JS判断密码强度</title>
<script language=javascript>
//判断输入密码的类型
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;
}
//返回强度级别
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);
}
//显示颜色
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>
</head>
<body>
<form name=form1 action="" >
密码:<input type=password size=8 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)>
<br>密码强度:
<table width="210" border="1" cellspacing="0" cellpadding="1" bordercolor="#eeeeee" height="22" style='display:inline'>
<tr align="center" bgcolor="#f5f5f5">
<td width="33%" id="strength_L">弱</td>
<td width="33%" id="strength_M">中</td>
<td width="33%" id="strength_H">强</td>
</tr>
</table>
</form>
</body>
</html>
分享到：
相关推荐
这个"vue.js表单密码强度验证代码"是专门为Vue.js项目设计的一个功能，用于增强用户在手机注册表单中输入密码时的安全性。通过这种验证机制，用户可以得到实时反馈，了解他们设置的密码是否足够强壮，从而降低账户被...
"注册时密码强度验证代码"就是一种确保用户创建足够安全密码的方法。本文将深入探讨密码强度验证的原理、常见策略以及实现此类功能的编程技术。 首先，密码强度验证的主要目标是防止弱密码，这些密码容易被破解，...
该JavaScript代码实现了基本的密码强度验证功能，它通过检测密码中包含的不同字符类型（如数字、大写字母、小写字母等）的数量来评估密码强度。代码主要分为两个部分：一是简单的强度检查函数 `ck()`, 二是更复杂的...
标题中的“jQuery输入密码强度验证代码”指的是利用`jQuery`来编写一段脚本，实时监测用户在密码输入框中输入的内容，并根据预设的规则评估密码的强度。这个功能通常会包括以下几个方面： 1. **长度检查**：确保...
"jQuery密码强度验证"是一种常见的技术手段，用于确保用户设置的密码达到一定的复杂度标准，防止轻易被破解。本篇文章将深入探讨如何使用jQuery插件实现密码强度验证，并介绍相关的核心知识点。 首先，jQuery是一个...
JavaScript是一种广泛应用于网页和网络应用的脚本语言，它允许我们在客户端进行实时的数据验证，包括密码强度的检查。 在密码强度检测中，通常会考虑以下几个方面： 1. **长度**：一个强密码通常要求至少包含8个...
控件的另一个依赖是专门实现密码强度验证的JS文件password_strength_plugin.js，它包含了完成密码强度检测所需的函数和逻辑。 在JQuery中实现密码强度验证的主要思路是通过绑定键盘事件（例如keyup事件），当用户在...
本文将详细讲解如何使用jQuery实现密码强度检测，包括密码强度验证、正则表达式代码以及相关的动画效果。 首先，密码强度检测的核心在于设计一套合理的规则来评估用户输入的密码是否足够强大。通常，我们会根据以下...
本示例“Vue.js表单输入框密码强度验证代码”专注于创建一个功能，实时评估用户在注册表单中输入的密码强度，并提供相应的反馈。这种交互式的用户体验可以帮助用户创建更安全的密码，降低账户被破解的风险。 实现这...
本篇文章将深入探讨如何利用jQuery实现一个密码强度检测的代码。 首先，我们需要理解密码强度的基本要求。通常，一个强密码应该包含以下几点： 1. 长度：至少8个字符，更长则更好。 2. 复杂性：包含大写字母、小写...
2. `jquery.min.js`：这是jQuery库的压缩版本，它是实现密码强度验证功能的基础。jQuery简化了DOM操作，使得JavaScript代码更加简洁和高效。 3. `images`：可能包含了一些用于视觉反馈的图像资源，比如不同强度等级...
在本文中，我们将深入探讨如何使用jQuery实现一个密码强度验证功能，这主要涉及到JavaScript和CSS技术，以及jQuery库和相关的插件。这个压缩包文件"jQuery输入密码强度验证代码.zip"包含了实现这一功能所需的全部...
本篇文章将深入探讨如何利用jQuery进行密码强度检测，以及密码强度验证的正则表达式代码实现。 首先，我们需要理解密码强度检测的基本概念。通常，一个强密码应该包含大小写字母、数字、特殊字符，并且长度足够，...
标题中的“jQuery密码强度验证代码.zip”表明这是一个包含使用jQuery实现的密码强度验证功能的代码资源。这个资源可能是一个完整的JavaScript库或者一个简单的脚本，用于网页上的用户输入验证，特别是针对密码安全性...
本文将详细介绍如何使用JavaScript实现简单的密码强度验证。 首先，我们需要了解一个强密码的基本特征。通常，一个强密码应包含以下要素： 1. 长度：至少8个字符，但更长更好。 2. 大写字母：至少一个大写字母，...
在网络安全领域，密码强度验证是保护用户账户安全的重要一环。在JavaScript中，我们经常使用正则表达式（Regular Expression）来实现这一功能。本文将详细介绍如何使用JavaScript编写一个正则表达式，以验证密码的...
密码强度的显示通常通过一个进度条或者文字提示来实现，这需要额外的JavaScript代码配合。在这个实例中，我们可能会看到一个动态更新的元素，它根据密码的复杂性（如长度、特殊字符的存在等）改变颜色或填充程度，以...
在本文中，我们将深入探讨如何使用JS实现密码强度验证功能，以便用户可以创建安全且符合最佳实践的密码。 密码强度验证是用户界面中一个至关重要的元素，它有助于确保用户选择的密码既复杂又难以猜测。以下是一些...