WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:Tab キーを押さずに入力フィールドを移動する

てら[MAIL][URL][WriteDate : Mon Sep 18 15:34:28 2000]

フォーム画面で入力フィールドを移動する場合は通常は Tab キーを
押して移動しますが、例えば何文字まで入力されたら自動的に次の
入力フィールドに移動するというようなことは可能でしょうか?

年、月、日、時、分がそれぞれ個別の入力フィールドになっていて
例えば年を4ケタ入力したら自動で月のフィールドに移動するように
したいのです。

よろしくお願いいたします。


ちゃいぱ[MAIL][URL][WriteDate :Mon Sep 18 17:34:04 2000]

以下の感じでどうですか〜

<HTML>
<BODY>
<SCRIPT Language="JavaScript">
<!--
function test1(){
   inpdata = document.form1.inp1.value;
   if(inpdata.length >= 4){  // 年の入力桁数
      document.form1.inp2.focus();
   }
}
function test2(){
   inpdata = document.form1.inp2.value;
   if(inpdata.length >= 2){  // 月の入力桁数
      document.form1.inp3.focus();
   }
}
// -->
</SCRIPT>
<FORM name="form1">
年4桁<INPUT type="text" name="inp1" onKeyup="test1()"><br>
月2桁<INPUT type="text" name="inp2" onKeyup="test2()"><br>
日2桁<INPUT type="text" name="inp3">
</FORM>
</BODY>
</HTML>

てら[MAIL][URL][WriteDate :Mon Sep 18 18:35:00 2000]

さっそくの回答ありがとうございました。
やはり Java Script を使わなければできないんですね。
Java Script は使用したことないんですが、サンプルプログラムを
実行したら見事にカーソルが移動しました。
これを機会に Java Script を勉強しようと思います。
また何かありましたらこちらに質問させていただきます。
どうもありがとうございました。
回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]