Jquery验证二次输入密码一致。
时间: 2023-09-02 17:06:20 浏览: 59
你可以使用jQuery来验证两个密码输入框中的密码是否一致。以下是一个示例:
HTML代码:
```html
<label for="password">密码:</label>
<input type="password" id="password" name="password">
<br>
<label for="confirm_password">确认密码:</label>
<input type="password" id="confirm_password" name="confirm_password">
```
jQuery代码:
```javascript
$(document).ready(function() {
$('#confirm_password').on('keyup', function() {
if ($('#password').val() == $('#confirm_password').val()) {
$('#confirm_password').removeClass('error');
$('#password').removeClass('error');
} else {
$('#confirm_password').addClass('error');
$('#password').addClass('error');
}
});
});
```
CSS代码:
```css
.error {
border: 1px solid red;
}
```
在上述代码中,我们首先为密码和确认密码输入框添加了ID,以便在jQuery中引用它们。然后,我们使用jQuery的`on()`方法来监听确认密码输入框的`keyup`事件。当确认密码输入框中的文本发生变化时,我们将检查密码输入框和确认密码输入框中的值是否相同。如果相同,我们将从输入框中删除错误类。如果不同,我们将向输入框添加错误类,以使其显示为红色边框。注意,我们在CSS中定义了`error`类的样式。
当用户提交表单时,您可以检查是否存在任何错误类。如果存在错误类,则密码不匹配。否则,两个密码输入框中的密码相同。