javascript - HTML5 验证和字段比较

Question

目前有什么方法可以在 2 个字段之间进行比较检查，以检查它们在 HTML5 验证中是否匹配？还是您必须编写自己的 Javascript 才能做到这一点？

Answer 1

使用 HTML5 无法完成这种检查。

Answer 2

不完全是 HTML5 验证，但一点 JavaScript 可以解决问题，以下是关于您的问题的一般示例：

<form method="post" enctype="multipart/form-data" action="Your_Action_Page.php">
<p>Password:</p>
<input name="password" required="required" type="password" id="password" />
<p>Confirm Password:
</p>
<input name="password_confirm" required="required" type="password" id="password_confirm" oninput="check(this)"  />
<script language='javascript' type='text/javascript'>
function check(input) {
if (input.value != document.getElementById('password').value) {
input.setCustomValidity('Password Must be Matching.');
} else {
// input is valid -- reset the error message
input.setCustomValidity('');
}
}
</script>
<br /><br />
<input type="submit" />
</form>