你可以要求两个表单域来匹配 HTML5 吗？

Question

有没有办法要求两个表单字段中的条目使用 HTML5 匹配？或者这仍然需要用javascript来完成吗？例如，如果您有两个密码字段，并希望确保用户在每个字段中输入了相同的数据，是否有一些属性或其他编码可以实现？

原文由 user981178 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

不完全是 HTML5 验证，但一点点 JavaScript 可以解决这个问题，按照下面的例子：

 <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" />

原文由 Faisal 发布，翻译遵循 CC BY-SA 3.0 许可协议