ボタンクリックでフォーカス移動

解決済

質問者：obone
質問日時：2009/02/27 17:29
回答数：2件

JavaScript超ビギナーなので方法がよくわかりません。
フォームにテキストボックス（配列）４個あり
ボタンを押すたびに未記入のテキストボックスにカーソルを移動したいのですが。どのようにしたらいいでしょうか。

<form name="form1" method="post">
<table width="200" border="1">
<tr><td ><input type="submit" name="Submit" value="送信"></td></tr>
<tr><td ><input type="text" name="name1"></td></tr>
<tr><td><input type="text" name="name1"></td></tr>
<tr><td><input type="text" name="name1"></td></tr>
<tr><td><input type="text" name="name1"></td></tr>
</table>
</form>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： steel_gray
回答日時：2009/02/27 19:09

なんとなく、こういう事がやりたいのか、って感じで回答するので

違ってたら補足してください。
++++ HEAD ～ /HEAD に ++++
<script type="text/javascript">
function formCheck(F) {
for(var i=0;F.elements[i];i++) {
if(F.elements[i].value=='') {
F.elements[i].focus();
return false;
}
}
return true;
}
</script>

++++ FORM (submitボタンのonclickは不要)++++
<form name="form1" onsubmit="return formCheck(this)">

submitボタンを押すと、
・未記入の項目があれば、カーソルをそこに移し、送信はキャンセル。
・全て記入されていればそのまま送信。

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。
上手くいきました。

通報する

お礼日時：2009/03/02 10:11

No.1

回答者： steel_gray
回答日時：2009/02/27 18:07

提示したHTMLのほかに、カーソル移動ボタンを追加して、という事でしょうか？それとも送信ボタンを使って？？

どうも、目的とか動作イメージがよくわからないです。

単純に上からフォーカスを移動させるだけなら、キーボードのTABキーを押してもらえばいいのですが。

この回答への補足

マウスしかつかえないので。（ボタンで移動以外は変更不可仕様なので）

たとえば必ずtext1[0]にあわせるなら下記でなるのですが
未記入のテキストボックスを探す方法がわかりません。
"送信"を押すたびに未記入のtext1[0～3]に移動したいのです。

<html>
<body onload="document.form1.text1[0].focus();">

<form name="form1">
<input type="submit" name="Submit" value="送信" onClick="document.form1.text1[0].focus();"><BR>
<input type="text" size="21" value="" name="text1" /><br />
<input type="text" size="21" value="" name="text1" /><br />
<input type="text" size="21" value="" name="text1" /><br />
<input type="text" size="21" value="" name="text1" /><br />
</body>
</html>