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

もっさん先輩
フォーム全体に対して検証します。
document.forms[{フォーム名}].reportValidity()
フォームのエレメン毎に検証します。
let valid = true;
for (let e of document.getElementsByTagName('input')) {
e.reportValidity() || (valid = false)
}