DOM

HTMLInputElement.reportValidity() メソッド

 編集:2022.11.08 by T.A.

[Edge]。→

HTMLInputElementcheckValidity() メソッドと同じ手順で検証し、問題があればその結果を表示します。

mdn: checkValidity() メソッドと同じ検証のチェック手順を実行します。値が無効であった場合、このメソッドはその要素に invalid イベントを発行し、(そのイベントがキャンセルされなければ)ユーザーに問題を報告します。

構文
HTMLInputElement.reportValidity()
HTMLInputElement HTMLInputElement
戻り値

論理値。true:要素の値を検証して問題がない。false:それ以外。

HTML:

<INPUT id=IdTest type=email value="aaa">

JavaScript:

//IdTest.setCustomValidity("テスト検証");
IdTest.reportValidity();

このように表示されました。一時的に表示されます。

setCustomValidity()

invalid イベント付き

HTML:

<INPUT id=IdTest type=email value="aaa"><BR>
<SPAN id=IdLog></SPAN>

JavaScript:

function Job(){  //invalid イベントの処理:
  IdLog.innerHTML=IdLog.innerHTML+"問題 ";
}
IdTest.oninvalid=Job;
IdTest.reportValidity();

テスト