![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
お世話になります。
HTMLでテキストフォームに検索条件を入力し、送信ボタンを押すと
検索するサーブレットにとんで結果をJSPで表示する…という
プログラムを作っています。
HTML上で、テキストフォームが未入力の場合はJavaScriptで
警告ウィンドウを表示させる様に作ったのですが、テキストフォームに
検索条件を入力した時にサーブレットにとばなくなってしまいました。
検索条件を入れて送信ボタンを押してもページは変わらず、
フォーム内容はクリアされます。この時は警告は出ません。
JavaScriptのコードを削除するとちゃんと検索結果のJSPにまで
処理が行われるのですが…。
参考までに、HTMLのソースも載せておきます。
<html>
<head>
<title>検索画面</title>
<script language="JavaScript">
<!--
function getError() {
txt=document.searchForm.search.value;
if (txt=="") {
alert("何も入力されていません!");
}
}
//-->
</script>
</head>
<body>
<center>
<br><br><br><br><br><br><br><br><br><br>
<b><font color=Salmon size=4>検索条件を入力して下さい。</font></b><br><br>
<form name="searchForm">
<form method="post" action="../kadai7/Show" >
<input type="text" name="search" size="25" maxlength="10">
<input type ="submit" value="GO!" onClick="getError()">
</form>
<a href=Menu.htm>★MENUに戻る★</a><img src="HTML\poo.gif">
</center>
</body>
</html>
どうすればちゃんと処理されるようになるのか分かりません。
宜しくお願いします。
No.1ベストアンサー
- 回答日時:
フォームのタグが2つあります。
<form name="searchForm">
と
<form method="post" action="../kadai7/Show" >
以下のように一つにまとめれば良いかと。
<form name="searchForm" method="post" action="../kadai7/Show" >
おそらく、以下の文のところで、オブジェクトがないとエラーが起きていたはずです。
txt=document.searchForm.search.value;
この回答への補足
ありがとうございます!!!!ご指摘通りひとつにするとちゃんとサーブレットにとびました♪
ただ、もう一つ問題が発生しまして…。JavaScriptで警告ボックスを表示させて「OK」ボタンを押すと検索結果のサーブレットに勝手にとんでしまいます。お暇があればご教授して頂きたく思います。
No.2
- 回答日時:
検索結果に飛んでしまうのは、Formをボタンでsubmitしているからなので、
変更の例としては、
<input type ="submit" value="GO!" onClick="getError()">
↓
<input type ="button" value="GO!" onClick="getError()">
submitをbuttonに変更して、
JavaScript内のエラーチェックを、
if (txt=="") {
alert("何も入力されていません!");
return ; // ←処理終了
}
と変更し、if文を抜けた後に、
// エラーでなければFormをsubmit
searchForm.submit();
とFormをサブミットする一文を追加すればよいかと思います。
ありがとうございます!!!!ご指摘通り改善しましたらちゃんと実行される様になりました♪ご丁寧にありがとうございました。助かりました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- PHP php ログイン 1 2022/11/01 00:24
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryでシンセサイザーを作っ...
-
二次元配列を使って順位をだす...
-
プログラミング 学習
-
追加ボタンを押した際に ok ボ...
-
Cookieに保存されない
-
読み込んだQRコードをフォーム...
-
プラグイン無しでContactform7...
-
GASでチェックボックスを一括of...
-
ジャバスクリプトについて。
-
【Google Apps Script】「ライ...
-
①入力フォーム→②確認表示画面→③...
-
HTMLでサブフレームから親のス...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
iOSのみダブルタップが必要
-
jsで質問です。 displayプロパ...
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
-
Googleフォームで選択肢に応じ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力フォームの javascript で ...
-
画像をボタンのようにフォーカ...
-
[onClick]ボタンを押すことで入...
-
パスワードをIPする際見えな...
-
JavaScript の 「showDialog」
-
親ページからインラインフレー...
-
JavaScript 超初心者です。 Doc...
-
JQueryのpostメソッドでファイ...
-
JavaScriptを使ったらサーブレ...
-
submit時に違うページに飛びたい
-
ダウンロードと同時に新しいペ...
-
チェックボックスをチェックし...
-
指定したデータを別ページフォ...
-
Mac(Safari)でのSendkyesコマン...
-
スマートフォンで自作javascri...
-
google翻訳 apiで pdfを翻訳す...
-
チェックボックスで、チェック...
-
検索結果画面の値の引継ぎとr...
-
商品ページのフォームのテキス...
-
a.href の href を有効か無効に...
おすすめ情報