【HTML】inputタグのエラーチェックのタイミングをカーソルがテキストボックスから離れた瞬間にしたい

Question

現在入力フォームを作っており、
テキストボックスに入力チェックを加えています。

<input pattern="^[0-9A-Za-z]+$">

ただこのままだと
送信ボタンを押したタイミングでエラーメッセージが表示されます。

これをテキストボックスからカーソルが離れた瞬間に実行されるようにしたいです。

HTMLやjqueryを使ってこれを実現する方法はないでしょうか？

blurメソッドを使って模索中ですが、
もしわかる方がいればお力添え頂けると助かります。
よろしくお願いします。

Answer 1

以前のあなたの質問に対するmaisumakunさんの回答に、
https://teratail.com/questions/31028
というリンクがあります。それを参考にblurで実装すればいいと思いますよ。

Comments

[k499778]

回答ありがとうございます！
そのやり方でやってみます