input の警告を JavaScript で拾うにはどうしたら良いですか?

invalid イベントを利用すれば取得できます。
2021年8月31日
ユーザー

HTML の form にて submit を押した際、input の条件に合わない入力がされた場合、警告が出ますが、その警告が出たことを JavaScript で拾いたいのですが、
どのようにしたらよいでしょうか?

以下に例を書きました。

「送信」ボタンを押した際、

  • 「文字数指定」ですと既定の文字数に収まらないと文字数が合わない旨の警告が出ます。

  • 「メールアドレス」であればメール形式でないと警告が出ます。

  • 「コメント(必須)」であれば、未記入ですと警告が出ます。

警告が出たことを JavaScript で拾いたいのですが、いかがいたしたらよろしいでしょうか?

よろしくお願いを致します。

<form action="">

  <p>文字数指定 <input type="text" minlength="4" maxlength="8" ></p>
  <p>メールアドレス <input type="email"></p>
  <p>コメント(必須) <input type="text" required></p>
<input type="submit" value="送信">

</form>

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(6)