※ ChatGPTを利用し、要約された質問です(原文:指定入力桁数が入力されたら、ボタンを使用可能にする方法)
指定入力桁数でボタンを使用可能にする方法
このQ&Aのポイント
Javascriptを使用して、指定入力桁数でボタンを使用可能にする方法について質問です。
現在はonblurイベントで値のチェックを行っていますが、指定入力桁数で実行ボタンを使用可能にするための別の方法を知りたいです。
解決方法として、テキストボックスに入力された値を監視し、指定入力桁数になった場合にボタンを使用可能にするイベントを作成することが可能です。
指定入力桁数が入力されたら、ボタンを使用可能にする方法
Javascriptで質問です。
業務でWebアプリケーションを作成しています。
その仕様の中に、
「ID欄を指定桁数入力されたらボタンを使用可能にする」
と言う仕様があります。
<例>------------------------------------------------------
※IDテキストボックス(1)~(3)全て4桁入力された(計12桁)場合のみ
実行ボタンが使用可能になる。
ID(1) ID(2) ID(3)
[aaaa] [bbbb] [cccc] ⇒ [実行ボタン]使用可能
--------------------------------------------------------
現在は、onblurイベントでID(1)~(3)からフォーカスが離れたタイミングでID(1)~(3)の値をチェックして全ての値(計12桁)入力されていた場合は実行ボタンをdisatble="true"にしているのですが、onblurイベントの為、ID(3)を4桁入力したタイミングで実行ボタンを使用可能にすることができません。
分かりにくい説明ですいません。
ようはID(1)~(3)に12桁入力されたタイミングで実行ボタンが使用可能になり、ID(1)~(3)が12桁以外が入力されたタイミングで実行ボタンを使用不可にしたいです。
Javascriptでテキストボックスに何桁入力されたら実行されるイベントみたいなものはありませんかね??
お礼
早速の回答有難う御座います。 onkeyupイベントがありましたね!! ぜんぜん気づきませんでした。 onkeyupイベントで無事解決しました。 有難うございます。