- ベストアンサー
input type="image" 複数の画像がある場合のSubmit
- テキストボックスの値が空の場合は【進む】を押したときにエラーを出し、【戻る】を押したときは値の入力に関係なくページを移動したいです。
- 画像が複数ある場合、Submitボタンを押すとどの画像が選択されたのかを確認したいです。
- フォームのテキストボックスに値が入っている場合、【進む】を押したときにはその値をサーバーに送信したいです。
- bookbill
- お礼率100% (2/2)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんばんは。 勝手ながら、若干 手を入れさせていただきました。お試しくださいまし。 <html> <head> <script language="javascript"> function Check(){ if(document.form.text.value==""){ alert('入力してください'); return false; } else { return true; } } </script></head><body> <form name="form" action="./form.cgi" method="post" onSubmit="return Check();"> <input type="text" name="text"> <input type="image" src="img/back.gif" name="btn01" alt="戻る" onClick="document.form.submit();"> <input type="image" src="img/next.gif" name="btn02" alt="進む"> </form> </body> </html> もし、追加でご質問あれば、お気軽にどうぞ。
その他の回答 (1)
- hkd9001
- ベストアンサー率48% (99/204)
レスありがとうございました！ …ご指摘の通りです、スミマセン（汗）。では、あらためまして。 <html> <head> <script language="javascript"> function Check(){ if(document.form.text.value==""){ alert('入力してください'); return false; } else { return true; } } </script></head><body> <form name="form" action="./form.cgi" method="post" onSubmit="return Check();"> <input type="text" name="text"> <a href="./form.cgi" alt="戻る"><img src="img/back.gif" name="btn01"></a> <input type="image" src="img/next.gif" name="btn02" alt="進む"> </form> </body> </html> これでお試しになってみてください。引き続き、追加でご質問あればどうぞ。
お礼
ご回答ありがとうございます！ もう少しお願いします。。。 <a href="./form.cgi" alt="戻る"><img src="img/back.gif" name="btn01"></a> にするとサブミットされません。T-T 私の質問の仕方が悪かったです。ゴメンナサイ。 サブミット＆ページ移動でした。 恐れ入りますが、どうぞよろしくお願いします。
補足
おはようございます。 あれから頂いたヒントを元にいろいろやってみたら出来ました！ ホントありがとうございます。 ちなみに <a name="back" href="#back" onClick="document.form.submit();"><img name="btn01" src="img/back.gif" alt="戻る" /></a> のようにしました。 感謝。 ありがとうございました。
お礼
ご回答ありがとうございます。 ページ移動できました！ １点だけよろしいでしょうか？ 【戻る】をクリックすると1度「入力してください」のアラート後にサブミットされます。 アラートを出さずに、サブミットできますでしょうか？ よろしくお願いいたします。