HTML
HTML5
form

HTML: formの未入力チェックの有効化および無効化

概要

  • HTMLのform内の未入力チェックの有効化および無効化の方法。

有効化

  • required属性を設定すると入力欄が空欄ではないかを検証する。
  • サーバに送るデータに不備をもたらす危険性を削減できる。
  • 未入力であれば入力を促すポップアップが出る。
test_validate.html
<form action="/post" method="post">
    <input type="number" name="age" required>
</form>

無効化

  • formにnovalidate属性を設定すると未入力チェックを無効化できる。
  • サーバ側で入力チェックするからこっちでポップアップ出さなくて良い場合に使える。
test_no_validate.html
<form action="/post" method="post" novalidate>
    <input type="number" name="age" required>
</form>