闲来无事，做了一个密码验证的功能。
<html>
<head>
<title>My JSP 'JsTry.jsp' starting page</title>
</head>
<script type="text/javascript">
function check()
{
var pw1 = document.getElementById("pw1");
var pw2 = document.getElementById("pw2");
var div2 = document.getElementById("div2");
if(pw1.value==""&&pw2.value=="") { div2.innerHTML="" }
else
{
if(pw1.value==pw2.value)
{
div2.style.color="green";
div2.innerHTML="验证密码正确 √";
}
else
{
div2.style.color="red";
div2.innerHTML="验证密码错误";
}
}
}
function check2()
{
var pw1 = document.getElementById("pw1");
var span11 = document.getElementById("span11");
var span22 = document.getElementById("span22");
if(pw1.value=="")
{
span11.style.display="none";
span22.style.display="none";
}
else if(pw1.value.length<=5)
{
span11.style.display="";
span11.style.color="red";
span22.style.display="";
span11.style.letterSpacing="-0.6em";
span22.innerHTML="密码安全级别低";
}
else if(pw1.value.length<=10)
{
span11.style.color="yellow";
span22.style.display="";
span11.style.letterSpacing="-0.5em";
span22.innerHTML="密码安全级别中";
}
else
{
span11.style.color="green";
span22.style.display="";
span11.style.letterSpacing="-0.4em";
span22.innerHTML="密码安全级别高";
}
}
</script>
<body>
<table >
<tr>
<td align="right">
用户名<input type="text" >
</td>
<td>
</td>
</tr>
<tr>
<td align="right">
密码<input type="password" id="pw1" onKeyUp="check();check2()">
</td>
<td>
<span style="color:red;letter-spacing: -0.6em;display:none;" id="span11">
■■■■■■■■■■■
</span>
<span id="span22">
</span>
</td>
</tr>
<tr>
<td align="right">
请再次输入密码<input type="password" id="pw2" onKeyUp="check()">
</td>
<td >
<div id="div2">
</div>
</td>
</tr>
</body>
</html>
分享到：
相关推荐
### 核心知识点：JavaScript在C# .aspx页面上的密码验证 #### 1. JavaScript在Web开发中的角色 JavaScript是一种广泛使用的脚本语言，它运行在客户端浏览器上，主要用于增强网页交互性、处理用户事件以及动态更新...
纯javascript密码验证，显示密码弱、中等、很好、强
以下是一些关于JavaScript密码验证的核心知识点： 1. **事件监听**：JavaScript可以通过监听`oninput`或`onChange`事件来检测用户在密码字段中的输入变化，从而实时评估密码强度。 2. **正则表达式**：正则表达式...
虽然这个示例已经可以满足基本的密码验证需求，但还可以进行一些改进和完善： - **增强用户体验**：可以通过CSS为输入框添加边框颜色变化等效果，提高用户交互体验。 - **增加密码强度检测**：除了简单的匹配外，还...
密码验证可能涉及长度限制（例如，至少8个字符）以及包含大写字母、小写字母、数字和特殊字符的要求。邮箱验证则需要遵循标准的邮箱格式，如`^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$`。 2. **表单验证**...
此外，为了保护用户隐私，密码验证应在服务器端进行，前端的验证仅作为用户体验的辅助手段。 总的来说，JavaScript提供的强大功能使得在客户端实现密码强度验证变得简单而有效。通过结合适当的前端设计，可以为用户...
在密码验证中，JavaScript可以监听表单的提交事件，阻止默认的提交行为，然后对用户输入的密码进行检查。这通常通过`addEventListener`函数来实现，监听`submit`事件，并添加一个回调函数来处理验证逻辑。验证过程...
JavaScript密码输入控件是网页开发中常见的一种交互元素，它用于收集用户的安全信息，如登录密码、PIN码等。在Web应用中，正确地实现密码输入控件对于提高用户体验和保障数据安全至关重要。本文将深入探讨JavaScript...
比较实用的javascript做的表单验证，验证的表单域包括用户名、密码、密码确认、密码提示问题、邮箱、手机号码、身份证。表单域基本通过获得焦点显示提示信息，失去焦点进行验证，还有提交表单验证。提交表单先进行...
通过学习JavaScript，你可以掌握如何创建自定义验证规则，例如检查电子邮件格式、验证密码强度，以及确保必填字段不为空等。 页面特效制作则是JavaScript的另一大亮点，它可以极大地提升网页的视觉吸引力和互动性。...
JavaScript是Web开发中不可或缺的一部分，尤其在前端交互和数据验证方面扮演着重要角色。本文将深入探讨"javascript表单验证方式一"，介绍如何利用JavaScript进行表单验证，确保用户输入的数据符合预设规则，提高...
限制输入的最小和最大长度，例如验证密码强度时，可能会要求密码至少8个字符。 7. **格式验证** 验证日期、时间、货币等格式，如`/^\d{4}-\d{2}-\d{2}$/`匹配ISO 8601日期格式。 8. **自定义验证函数** 对于...
例如，验证电子邮件地址是否符合标准格式，密码是否达到最低复杂度要求，手机号码是否正确等。JavaScript提供了丰富的内置函数和正则表达式支持，可以方便地实现这些验证。此外，AJAX异步请求也能帮助实现不刷新页面...
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言，它主要负责处理客户端的交互和数据验证。这篇博客“JavaScript常用验证脚本总结”提供了一些在实际开发中常用的JavaScript验证技术，帮助开发者确保用户...
5. **防止恶意攻击**：虽然简单的JavaScript密码验证提供了一定的保护，但它远非安全。例如，开发者应该意识到JavaScript可以被禁用，或者用户可以通过开发者工具查看和修改代码。因此，这种级别的安全性只适用于...
5. **一致性验证**：在要求用户确认密码的情况下，JavaScript会比较两次输入的密码是否一致，如果不一致则会提示用户重新输入。 6. **唯一性验证**：虽然这个功能通常在服务器端实现，但在某些情况下，JavaScript也...