感谢您提供的问题。根据您的描述，我可以给您提供以下代码示例：
HTML代码：
```html
<label for="password">密码：</label>
<
input type="password" id="password" name="password" required><br>
<label for="confirm-password">确认密码：</label>
<
input type="password" id="confirm-password" name="confirm-password" required>
<div id="password-error-message"></div>
<button id="submit-btn" type="submit">提交</button>
```
jQuery代码：
```javascript
$(document).ready(function() {
var password
Input = $("#password");
var confirmPassword
Input = $("#confirm-password");
var passwordErrorMessage = $("#password-error-message");
var submitBtn = $("#submit-btn");
var passwordPattern = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,10}$/;
var passwordError = false;
var passwordMismatchCount = 0;
// 改变
输入框背景色
password
Input.focus(function() {
$(this).css("background-color", "lightblue");
});
password
Input.blur(function() {
$(this).css("background-color", "white");
});
confirmPassword
Input.focus(function() {
$(this).css("background-color", "lightblue");
});
confirmPassword
Input.blur(function() {
$(this).css("background-color", "white");
});
// 密码验证
password
Input.keyup(function() {
if (!passwordPattern.test($(this).val())) {
passwordErrorMessage.text("密码必须由数字和大小写字母中至少二种组成，长度为6至10位。");
passwordError = true;
} else {
passwordErrorMessage.text("");
passwordError = false;
}
});
// 确认密码验证
confirmPassword
Input.blur(function() {
if ($(this).val() !== password
Input.val()) {
passwordErrorMessage.text("两次
输入的密码不一致。");
passwordError = true;
passwordMismatchCount++;
if (passwordMismatchCount >= 3) {
submitBtn.prop("disabled", true);
setTimeout(function() {
submitBtn.prop("disabled", false);
passwordMismatchCount = 0;
}, 180000);
}
} else {
passwordErrorMessage.text("");
passwordError = false;
}
});
// 表单提交验证
$("form").submit(function(event) {
if (passwordError) {
event.preventDefault();
}
});
});
```
这段代码实现了以下功能：
1. 当密码
输入框或确认密码
输入框获得焦点时，背景色改变为 lightblue，失去焦点时恢复原颜色。
2. 当
输入密码时，实时验证密码是否符合要求，如果不符合要求，在密码
输入框下方显示错误信息。
3. 当
输入确认密码后，失去焦点时验证两次
输入的密码是否一致，如果不一致，在确认密码
输入框下方显示错误信息，并
记录密码不一致次数。
4. 当密码不一致次数达到 3 次时，禁用提交按钮 3 分钟，3 分钟后解除
禁止。
5. 当表单提交时，如果密码不符合要求或两次
输入的密码不一致，阻止表单提交。
7153
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
