用html编写一份密码检验案例
时间: 2023-08-10 13:19:50 浏览: 66
好的,以下是一个简单的密码检验案例,使用 HTML 和 JavaScript 编写:
```html
<!DOCTYPE html>
<html>
<head>
<title>密码检验</title>
</head>
<body>
<h1>密码检验</h1>
<p>请输入密码:</p>
<input type="password" id="password">
<button onclick="checkPassword()">检验</button>
<p id="message"></p>
<script>
function checkPassword() {
var password = document.getElementById("password").value;
var message = document.getElementById("message");
var regex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$/;
if (regex.test(password)) {
message.innerHTML = "密码符合要求!";
message.style.color = "green";
} else {
message.innerHTML = "密码不符合要求,请重新输入!";
message.style.color = "red";
}
}
</script>
</body>
</html>
```
这个案例中,我们使用了正则表达式来检验密码的复杂度要求:包含至少一个小写字母、一个大写字母和一个数字,长度至少为 8 个字符。如果密码符合要求,就会显示“密码符合要求!”并将字体颜色设置为绿色;如果不符合要求,就会显示“密码不符合要求,请重新输入!”并将字体颜色设置为红色。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)