始めまして、初心者で御座いますが、javascriptでチェックボックスで(複数選択可)
チェックしたくだものだけ、送信ボタンクリック後の確認画面に出るようにしたいのですが、どうしたらよいのでしょうか、
宜しくお願いします。
下記抜粋いたしました。
<SCRIPT language=JavaScript>
function SubmitCheck(){
if(document.Order.elements[a_fn].checked == "")
if(document.Order.elements[b_fn].checked == "")
if(document.Order.elements[c_fn].checked == ""){
alert("最低1つチェックして下さい");
return false;
}
if(document.Order.elements[d_fn].value == ""){
alert("購入日を入れてください");
return false;
}
var confirm_str = "";
confirm_str = "下記の事項をご確認ください。\n"
+ "正しければ、OKを押してください。\n"
+ "--------------------------------\n"
+ "選択:" + document.Order.elements[i].value + "\n"
+""
+ "購入日:" + document.Order.elements[d_fn].value + "\n\n";
temp = 0;
confirm_str += "--------------------------------\n";
if(confirm(confirm_str)){
return true;
}
else
return false;
return true;
}
</SCRIPT>
<FORM name=Order onsubmit="return SubmitCheck()" action=formmail.cgi
method=post><INPUT type=hidden size=-1
value=×××@○○○.jp name=to_mail> <INPUT
type=hidden size=-1 value=http://×××.jp/123.htm
name=ok_page> <INPUT type=hidden size=-1 value=OrderJP name=sub>
<FONT size=2
><STRONG>選択</STRONG></FONT>
<FONT
size=2><STRONG><INPUT type=checkbox value=バナナ
name=購入></STRONG></FONT>
<FONT
size=2><STRONG>バナナ</STRONG></FONT>
<FONT size=2><STRONG><INPUT type=checkbox value=りんご
name=購入></STRONG></FONT><FONT color=navy
size=2><STRONG>りんご</STRONG></FONT>
<FONT size=2><STRONG><INPUT type=checkbox value=みかん
name=購入></STRONG></FONT>
<FONT
size=2><STRONG>みかん</STRONG></FONT>
<FONT size=2
><STRONG>購入</STRONG></FONT>
<NOBR><INPUT style="WIDTH: 106px; HEIGHT: 22px"
maxLength=22 size=14 name=購入><FONT size=2></FONT></FONT>
</FONT></NOBR><BR>
<CENTER><INPUT type=submit value=送信 name=Submit>
</CENTER></FORM>
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
送信ボタン押下後の確認画面をJavascriptで出す、という話題ですが、これはJavascriptでなく、サーバサイド(phpやASP.NET)で行うべきだと思います。
Webアプリでは、入力フォームの内容は、(データベース使用の是非とは無関係に)いかなる場合も、サーバで処理前に検証するのが常識であり、そこで確認画面を表示することが多いと思います。もし、その時点で不都合があった場合、「以下の内容がNGです」を出した後、2画面戻さないと再入力画面に戻れません。
また、チェックボックスのような複数の選択値をもつデータのは、サーバ側では、送信フォーム内容を簡単に配列で取得できるため、パースする手間もありません。
Javascript側では大ざっぱな検証にとどめ、サーバサイドで精密に検証、その後、確認(コンファメーション)画面を出すのが定石かと思うのですが。。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- CGI htmlからパラメータで、cgiに渡したい。 1 2023/02/06 16:15
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
正規表現で複数マッチ条件で悩...
-
COBOLの数字チェック
-
return trueとreturn falseの用...
-
ctrl+vを無効にする方法
-
未入力のラジオボタンに、alert...
-
ボタン2回押しを無効にしたい
-
<form action="#">の意味とは?
-
<td>の中のonClick="location" で
-
JavaScriptにて動的に配列を作...
-
背景色を変えて未入力チェック...
-
【jsp/Java】チェックボックス...
-
javascriptで画像の移動
-
selectを変更不可にしたい
-
selectを使った計算
-
セレクトメニューで選択された...
-
テキストフィールドに入力した...
-
フォームから入力すると、入力...
-
JSのボタンを複数う使うには
-
空のテーブルを表示させたい
-
【jQuery】tableループ内のIDの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
return trueとreturn falseの用...
-
正規表現で複数マッチ条件で悩...
-
JavaScriptde途中で、「exit」...
-
slickのレスポンシブ > center...
-
COBOLの数字チェック
-
チェックボックスの有無判定
-
フォームの入力チェックをする...
-
Visual Studioのデザインでの非...
-
Tabキーでのカーソルの移動...
-
ツリービューのチェックボック...
-
ドロップダウンリストボックス...
-
コピペを禁止するtextarea
-
ラジオボタンのNullチェック
-
未入力のラジオボタンに、alert...
-
form の onSubmit がコールされ...
-
分岐数といえば
-
JSのみで入力→確認→メールで送...
-
JavaScript ログアウト処理
-
TEXTAREAに入力した改行コード...
-
リロードしないようにするには
おすすめ情報