调用方法,在input加上onkeyup="ADKPasswordStrength.Check(this,'lb')";
ADKPasswordStrength.Check
方法说明
参数
iobj:输入框的ID或者OBJECT
sobj:显示信息的ID或者OBJECT
css定义3中CSS 分别是高,一般,弱!可以自己改CSS
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.ADKPasswordStrength_low{ background-color:#CC0000;}
.ADKPasswordStrength_middle{ background-color:#33CCFF;}
.ADKPasswordStrength_height{ background-color:#66FF00;}
</style>
<script type="text/javascript">
var ADKPasswordStrength =
{
Level : ["高","一般","弱"],
LevelValue : [30,20,0],//强度值
Factor : [1,2,5],//字符加数,分别为字母，数字，其它
KindFactor : [0,0,10,20],//密码含几种组成的加数
Regex : [/[a-zA-Z]/g,/\d/g,/[^a-zA-Z0-9]/g] //字符正则数字正则其它正则
}
ADKPasswordStrength.StrengthValue=function(pwd)
{
var strengthValue = 0;
var ComposedKind = 0;
for(var i = 0 ; i < this.Regex.length;i++)
{
var chars = pwd.match(this.Regex[i]);
if(chars != null)
{
strengthValue += chars.length * this.Factor[i];
ComposedKind ++;
}
}
strengthValue += this.KindFactor[ComposedKind];
return strengthValue;
}
ADKPasswordStrength.StrengthLevel = function(pwd)
{
var value = this.StrengthValue(pwd);
for(var i = 0 ; i < this.LevelValue.length ; i ++)
{
if(value >= this.LevelValue[i] )
return this.Level[i];
}
}
ADKPasswordStrength.Check=function(iobj,sobj)
{
var inputobj,showobj;
inputobj=typeof(iobj)=="string"?document.getElementById(iobj):iobj;
showobj=typeof(sobj)=="string"?document.getElementById(sobj):sobj;
if(!showobj || !inputobj)
return;
var lv=ADKPasswordStrength.StrengthLevel(inputobj.value);
if(lv=="高")
{
showobj.innerHTML="高";
showobj.className="ADKPasswordStrength_height"
}
else if(lv=="一般")
{
showobj.innerHTML="一般";
showobj.className="ADKPasswordStrength_middle"
}
else if(lv=="弱")
{
showobj.innerHTML="弱";
showobj.className="ADKPasswordStrength_low"
}
}
</script>
</head>
<body>
<input type="password" id="textpass" size="20" onkeyup="ADKPasswordStrength.Check(this,'lb');" /><div id="lb"></div>
</body>
</html>
[/html]
分享到：
相关推荐
在构建Web应用时，表单验证是至关重要的一个环节，它确保了用户输入的数据符合...通过合理的表单验证和密码强度验证，我们可以创建既美观又安全的Web应用注册页面，为用户提供良好的使用体验，同时保障系统的数据安全。
这个"vue.js表单密码强度验证代码"是专门为Vue.js项目设计的一个功能，用于增强用户在手机注册表单中输入密码时的安全性。通过这种验证机制，用户可以得到实时反馈，了解他们设置的密码是否足够强壮，从而降低账户被...
js判断密码的强度，给出强弱返回值，下载后，保存格式为html格式即可。
在本文中，我们将深入探讨`jQuery Validate`插件的一个实用示例，该示例涉及到密码验证，同时还提供了密码强度的实时显示。`jQuery Validate`是一个非常流行且功能强大的JavaScript库，用于验证HTML表单中的输入数据...
标题“jquery验证密码强度”指的是使用JavaScript库jQuery来实现对用户输入密码的强度进行验证的功能。在网页表单中，为了提高用户账户的安全性，通常会要求用户设置具有一定复杂度的密码，例如包含大小写字母、数字...
Java通常用于服务器端处理，验证密码强度可以在用户提交表单后进行。以下是一个简单的Java实现： ```java import java.util.regex.Pattern; public class PasswordStrengthChecker { public int checkStrength...
一个非常好用的js密码强度验证 一看即会~~！
根据提供的文件信息，本文将详细解释一个用于验证密码强度的JavaScript代码，并对该代码中的关键功能进行解析。 ### 验证密码强度的JavaScript代码 #### 一、代码概述 该JavaScript代码实现了基本的密码强度验证...
总结来说，正则表达式是评估和验证密码强度的有效工具，但需要结合其他安全措施，以确保密码策略的全面性和安全性。同时，对密码周期的管理也是保护账户安全的重要一环，这通常通过后台管理系统来实现。
在"验证密码强度.rar"压缩包中，包含了一个名为"mima.html"的文件，这很可能是实现密码强度验证的一个HTML页面，它利用JavaScript进行客户端的密码强度检测。 首先，我们要了解什么是密码强度。一个强密码通常应...
这篇文章我们来说一个验证密码强度的例子，大家在进入一个网站的时候，往往都会先注册一个账号，然后输入密码，在输密码的时候，系统会根据我们输入的密码组成的复杂程度来给你的密码显示一个密码强度，一般就是强中...
"jQuery密码强度验证"是一种常见的技术手段，用于确保用户设置的密码达到一定的复杂度标准，防止轻易被破解。本篇文章将深入探讨如何使用jQuery插件实现密码强度验证，并介绍相关的核心知识点。 首先，jQuery是一个...
2. `jquery.min.js`：这是jQuery库的压缩版本，它是实现密码强度验证功能的基础。jQuery简化了DOM操作，使得JavaScript代码更加简洁和高效。 3. `images`：可能包含了一些用于视觉反馈的图像资源，比如不同强度等级...
本文将深入探讨如何使用JavaScript（JS）和C#在ASP.NET环境中实现密码强度的判断。 首先，前端JavaScript是用户界面交互的主要语言，用于实时验证用户的输入。在密码强度判断中，我们可以编写一个JS函数，该函数...
本文将详细介绍如何使用JavaScript编写一个正则表达式，以验证密码的强度，并将其分为低、中、高三等级别。 首先，我们需要了解正则表达式的基本概念。正则表达式是一种模式匹配工具，可以用来检查一个字符串是否...
本文详细介绍了如何使用JavaScript语言结合正则表达式来验证密码强度，并通过实例代码的形式对这一技术进行了演示。通过本文的介绍，我们可以了解到如何通过编写正则表达式，根据不同的密码规则来判断密码强度，并...
本文将详细介绍如何使用JavaScript实现简单的密码强度验证。 首先，我们需要了解一个强密码的基本特征。通常，一个强密码应包含以下要素： 1. 长度：至少8个字符，但更长更好。 2. 大写字母：至少一个大写字母，...
- **增加密码强度指示器**：在用户输入密码时实时显示密码强度，帮助用户创建更安全的密码。 - **使用事件监听器**：可以使用事件监听器（如`onchange`）来实时验证密码，而不是等到提交表单时才进行验证，这样可以...