JavaScriptでフォームの検証を行うには?

ショコラ
ショコラ

JavaScriptでフォームの検証を行うには?

Submit時に実行されるフォームの検証をJavaScriptで行うには、
「フォーム、フォームのエレメントに対して reportValidity() を実行する。」でキメマス。

もっさん先輩
もっさん先輩

フォーム全体に対して検証します。

document.forms[{フォーム名}].reportValidity()

フォームのエレメン毎に検証します。

let valid = true;
for (let e of document.getElementsByTagName('input')) {
  e.reportValidity() || (valid = false)
}
Scroll to Top