密码和确认密码必须一致,进行校验的html代码
时间: 2024-03-27 14:35:12 浏览: 117
以下是密码和确认密码一致性校验的 HTML 代码:
```html
<form>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
<label for="confirm-password">Confirm Password:</label>
<input type="password" id="confirm-password" name="confirm-password" required oninput="checkPasswordMatch()">
<p id="password-match"></p>
<button type="submit">Submit</button>
</form>
<script>
function checkPasswordMatch() {
const password = document.getElementById("password").value;
const confirmPassword = document.getElementById("confirm-password").value;
if (password === confirmPassword) {
document.getElementById("password-match").innerHTML = "Passwords match!";
} else {
document.getElementById("password-match").innerHTML = "Passwords do not match.";
}
}
</script>
```
该代码使用了 HTML5 的 `required` 属性来确保密码和确认密码都必须填写,同时使用了 `oninput` 事件来检查两个输入框中的值是否相同。如果两个输入框中的值相同,则在页面中显示 "Passwords match!",否则显示 "Passwords do not match."。
阅读全文