<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>密码</title>
<style type="text/css">
body {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}
form {
margin: 2em;
}
#chkResult {
margin-left: 53px;
height: 15px;
}
</style>
<script type="text/javascript">
//定义检测函数,返回0/1/2/3分别代表无效/差/一般/强
function getResult(s) {
var ls = 0;
if (s.length < 8) {
return ls;
}
if (s.match(/[a-z]/)){
ls++;
}
if (s.match(/[0-9]/)){
ls++;
}
if (s.match(/[A-Z]/)){
ls++;
}
if(ls==3){
return 4;
}
return ls
}
var msg = new Array(5);
msg[0] = "密码必须至少为8个字符长”。";
msg[1] = "密码必须包括所有的字符以下类型：小写字母，大写字母和数字";
msg[2] = "密码必须包括所有的字符以下类型：小写字母，大写字母和数字";
msg[3] = "密码必须包括所有的字符以下类型：小写字母，大写字母和数字";
msg[4] = "格式正确。";
function setDisplay(mark){
var sty = new Array(5);
sty[0] = -60;
sty[1] = -45;
sty[2] = -30;
sty[3] = -15;
sty[4] = 0;
var col = new Array(5);
col[0] = "gray";
col[1] = "red";
col[2] = "#ff6600";
col[3] = "#ff6611";
col[4] = "Green";
//设置显示效果
var bImg = "http://bbs.blueidea.com/attachments/2006/12/7/pwdlen_dSIPeEGQWxfO.gif";//一张显示用的图片
var sWidth = 400;
var sHeight = 15;
var Bobj = document.getElementById("chkResult");
Bobj.style.fontSize = "12px";
Bobj.style.color = col[mark];
Bobj.style.width = sWidth + "px";
Bobj.style.height = sHeight + "px";
Bobj.style.lineHeight = sHeight + "px";
Bobj.style.background = "url(" + bImg + ") no-repeat left " + sty[mark]
+ "px";
Bobj.style.textIndent = "20px";
Bobj.innerHTML = "检测提示：" + msg[mark];
}
function checkPas(){
var pas=document.getElementById("pwd").value;
var mark=getResult( pas);
//alert(msg[mark]);
}
function isSame(){
var pas=document.getElementById("pwd").value;
var rePas=document.getElementById("pwd2").value;
if(pas!=rePas){
alert("aa");
var Bobj = document.getElementById("errorMsg");
Bobj.style.fontSize = "12px";
Bobj.style.color = "red";
Bobj.innerHTML = "两次输入密码不一致";
}
//AAAbb2222
}
</script>
</head>
<body>
<form name="form1">
<label for="pwd">
用户密码
</label>
<input type="password" name="pwd" onKeyUp="setDisplay(getResult(this.value));" onblur="checkPas();"/>
<div id="chkResult"></div>
<br>
<label for="pwd2">
重复密码
</label>
<input type="password" name="pwd2" onblur="isSame();"/>
<div id="errorMsg"></div>
</form>
</body>
</html>
//可以看附件
分享到：
相关推荐
- **使用事件监听器**：可以使用事件监听器（如`onchange`）来实时验证密码，而不是等到提交表单时才进行验证，这样可以即时反馈错误信息给用户。 通过以上分析和建议，我们可以看到JavaScript在前端密码验证中的...
### JavaScript 表单验证密码是否相同的实现方法 在Web开发中，确保用户输入的数据有效性和安全性至关重要。其中，密码确认是常见的一种需求场景，尤其是在注册或更改密码时，需要两次输入来确认密码的一致性。下面...
这篇博客"用JavaScript验证密码的强弱源代码"提供了一种利用JavaScript进行密码强度检查的方法。 在网页表单中，用户输入的密码通常需要满足一定的强度要求，如长度、字符类型（大小写字母、数字、特殊字符等）的...
在网站注册页面中我们会常遇到关于密码安全性等级的验证，想不想看看他们是如何实现的？马上下载源码吧！！
在本文中，我们将深入探讨`jQuery Validate`插件的一个实用示例，该示例涉及到密码验证，同时还提供了密码强度的实时显示。`jQuery Validate`是一个非常流行且功能强大的JavaScript库，用于验证HTML表单中的输入数据...
本文将深入探讨如何利用JavaScript在C# .aspx页面上进行密码修改验证，这是一个常见的应用场景，尤其是在用户账户管理功能中。 ### 核心知识点：JavaScript在C# .aspx页面上的密码验证 #### 1. JavaScript在Web...
总之，JavaScript验证在密码修改过程中扮演着至关重要的角色，它可以确保用户输入的数据满足特定的安全标准，从而提高整个系统的安全性。正确实现和使用这些验证技术，对于创建一个用户友好且安全的Web应用至关重要...
js判断密码的强度，给出强弱返回值，下载后，保存格式为html格式即可。
JS 验证密码强弱的小例子 在现今的网络应用中，密码安全性是一个非常重要的方面。作为一名开发者，我们需要确保用户的密码强度达到一定的标准，以免遭受黑客攻击。今天，我们将通过一个小例子来介绍如何使用...
- **解释**：这里定义了四个正则表达式，分别用于验证密码是否包含数字、字母、特殊字符以及长度是否在8至20个字符之间。 - **应用场景**：适用于用户注册或修改密码时的复杂度验证。 ### 3. 使用jQuery进行事件...
在密码验证中，JavaScript可以监听表单的提交事件，阻止默认的提交行为，然后对用户输入的密码进行检查。这通常通过`addEventListener`函数来实现，监听`submit`事件，并添加一个回调函数来处理验证逻辑。验证过程...
前端验证通常使用JavaScript或者jQuery等库，如提供的`prototype_1.7_rc2.js`可能就是用来增强HTML表单验证功能的。前端验证的优点在于可以实时反馈错误，提高用户体验，但缺点是容易被绕过，所以后端验证同样必不可...
这个"vue.js表单密码强度验证代码"是专门为Vue.js项目设计的一个功能，用于增强用户在手机注册表单中输入密码时的安全性。通过这种验证机制，用户可以得到实时反馈，了解他们设置的密码是否足够强壮，从而降低账户被...
本文详细介绍了如何使用JavaScript语言结合正则表达式来验证密码强度，并通过实例代码的形式对这一技术进行了演示。通过本文的介绍，我们可以了解到如何通过编写正则表达式，根据不同的密码规则来判断密码强度，并...
Java通常用于服务器端处理，验证密码强度可以在用户提交表单后进行。以下是一个简单的Java实现： ```java import java.util.regex.Pattern; public class PasswordStrengthChecker { public int checkStrength...
在前端开发中，JavaScript（JS）是实现用户交互和数据验证的重要工具，特别是在登录功能的实现上。本文将深入探讨如何使用JavaScript来判断用户名和密码，以实现一个基本的登录系统。 首先，我们需要理解HTML（超...
一个非常好用的js密码强度验证 一看即会~~！
本文将详细介绍如何使用JavaScript实现简单的密码强度验证。 首先，我们需要了解一个强密码的基本特征。通常，一个强密码应包含以下要素： 1. 长度：至少8个字符，但更长更好。 2. 大写字母：至少一个大写字母，...
在JavaScript（简称JS）中，实现一个简单的注册表单密码验证是前端开发中常见的任务，主要目的是确保用户输入的数据符合安全标准，防止恶意攻击或无效数据的提交。本示例将探讨如何使用JavaScript来实现这一功能，...