- ベストアンサー
文字数でフォーカス移動
テキストフィールドが、複数あります ひとつ目のテキストフィールドに半角5文字を入力した瞬間に、 次のテキストフィールドに瞬時に移動させたいと思っています。 ひとつ目のテキストフィールドで、半角5文字入力されたという 情報を拾うことはできますでしょうか？ よろしくおねがいいたします。
- takokko
- お礼率36% (47/128)
- JavaScript
- 回答数5
- ありがとう数4
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (4)
- papillon68
- ベストアンサー率61% (42/68)
たびたびすみません。 > 少し訂正です。 >> if(! obj.value.match(/^[0-9a-z]+$/i)) { > > if((obj.value != '') && (! obj.value.match(/^[0-9a-z]+$/i))) { if(! obj.value.match(/^[0-9a-z]*$/i)) { これでよかったですね＾＾； +というのは直前の判断(ここでは[0-9a-z](0～9a-zのどれか))が 一回以上という意味で *は直前の判断が0回以上です。 ですので、テキストが空白だと+の場合は半角英数字が 一回以上ではないので不正の判断となっていました。 *としたのでテキストが空白の場合も「半角英数字が0回以上の繰り返し」 に該当するため正常時の判断となります。 細かな修正になりましたが、 if((obj.value != '') && (! obj.value.match(/^[0-9a-z]+$/i))) { if(! obj.value.match(/^[0-9a-z]*$/i)) { のどちらでもいいです。
補足
これまで、いろいろと、細かく教えていただきありがとうございます。 たとえば、キーボードから打たれたのではなく、 他の入力装置（バーコードリーダーなど）から テキストフィールドに入力された場合も、 このJavaScriptでいけるものなのでしょうか？ たびたび、申し訳ございません。 もし、わかりますようでしたら、よろしくお願いいたします。
- papillon68
- ベストアンサー率61% (42/68)
- papillon68
- ベストアンサー率61% (42/68)
- papillon68
- ベストアンサー率61% (42/68)
takokkoさんこんにちは、ぱぴよんと申します。 半角5文字というのが具体的にどういったものか分かりません。 半角英数字でしょうか。 それとも記号なども入るのでしょうか。 半角英数字と推測して話を進めます。 自動でフォーカスを移動するということなのでonKeyUp時になるのかな？と思います。 １．KeyUp時に半角英数字のみ入力されているかを判断する。 ２．他のものが入力されれば違うものだけ削除するなり、テキストを空にする。 このときフォーカスを入力中のテキストに戻す。 ３．半角英数字のみ入力されているときのみ5文字入力されたかどうかの判断を通す。 ４．5文字に達していれば次のテキストへフォーカスを移す。 といった処理です。 他にも方法はあると思いますが、上記のサンプルを掲載します。 -------------------------------------------------- <html> <head> </head> <body> <script type="text/javascript"> <!-- var txt_obj = new Object(); txt_obj['txt1'] = 'txt2'; txt_obj['txt2'] = 'txt3'; txt_obj['txt3'] = 'txt1'; function focus_next(obj) { // １ if(! obj.value.match(/^[0-9a-z]+$/i)) { // ２ alert('半角英数字のみ入力してください。'); obj.value = ''; obj.focus(); return ; } // ３ if(obj.value.length == 5) { // ４ document.forms['frm1'].elements[txt_obj[obj.name]].focus(); } } //--> </script> <form name="frm1"> <input type="text" name="txt1" maxlength="5" size="6" style="ime-mode: disabled;" onKeyUp="focus_next(this);"> <input type="text" name="txt2" maxlength="5" size="6" style="ime-mode: disabled;" onKeyUp="focus_next(this);"> <input type="text" name="txt3" maxlength="5" size="6" style="ime-mode: disabled;" onKeyUp="focus_next(this);"> </form> </body> </html> ---------------------------------------------------
補足
ご丁寧な 回答ありがとうございます。 このONkeyupは、英数半角5文字をコピペしたとしても、 反応するものなのでしょうか？
お礼
paplilon68様 大変長々とお付き合いくださいまして、 また、親切な回答に心より感謝しております。 ありがとうございました。 これまでの回答で参考となりました。