javascript - HTML5 の検証とフィールドの比較

Question

HTML5検証で2つのフィールドが一致するか一致しないかを確認するために、2つのフィールド間の比較チェックを行う方法は現在ありますか? それとも、それを行うには独自の Javascript を作成する必要がありますか?

Answer 1

正確には 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>

Answer 2

そのようなチェックは、HTML5 では実行できません。