オーダー送信フォーム最終確認画面

このQ&Aのポイント
  • オーダーフォーム最終確認画面でチェックしたくだものだけ、送信ボタンクリック後の最終確認画面に出るようにする方法は?
  • オーダーフォーム最終確認画面には、チェックしたくだもののみを表示させたい
  • オーダーフォームで選択したくだものと購入日を確認するウィンドウを表示する方法は?
回答を見る
  • ベストアンサー

オーダー送信フォーム最終確認画面

オーダー送信フォーム最終確認画面 始めまして、まったくの初心者で御座いますが、オーダーフォーム最終確認画面でチェックボックスで(複数選択可) チェックしたくだものだけ、送信ボタンクリック後の最終確認画面に出るようにしたいのですが、(チェックしなのは、出ないようにしたい)どうしたらよいのでしょうか、 ---------------------------------------------------------- 出来れば下記のような確認ウインドウがでるようにしたのですが ※みかんのみにチェックした場合 注文確認 下記の事項をご確認ください 正しければ、OKを押してください 選択 みかん 購入日 ○月×日 ------------------------------------宜しくお願いします。 下記抜粋いたしました。 <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>

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

http://okwave.jp/qa/q7786467.html で、前提にしていたname属性などの設定はしていないみたいですし… http://okwave.jp/qa/q7789420.html で、指摘されているところを修正しているわけでもなし… それなので、どうしたいのかが良くわからないけれど、ご提示のソース限定でご参考までに。 (それ以外の環境では動作しない確率が高いです) function SubmitCheck(){  var elms = document.forms["Order"].elements;  var i, e, str = "", flag = false;  for(i=0; e=elms[i++];)   if(e.type=="checkbox" && e.checked) str += (str?"\n":"") + e.value;  if(!str)   alert("チェックがないよ!");  else if((e=elms["購入日"].value)=="")   alert("日付がないよ!");  else if(flag=!flag)   alert(str + "\n" + e);  return flag; }

yamada_2667
質問者

お礼

いつもありがとうございます。

関連するQ&A

  • オーダーフォーム最終確認画面

    始めまして、まったくの初心者で御座いますが、オーダーフォーム最終確認画面でチェックボックスで(複数選択可) チェックしたくだものだけ、送信ボタンクリック後の最終確認画面に出るようにしたいのですが、(チェックしなのは、出ないようにしたい)どうしたらよいのでしょうか、 宜しくお願いします。 下記抜粋いたしました。 <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>

  • JavaScript 送信フォーム確認画面

    始めまして、初心者で御座いますが、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>

  • 送信フォーム確認画面

    送信フォーム確認画面 始めまして、初心者で御座いますが、チェックボックスで(複数選択可) チェックしたものだけ、送信ボタンクリック後の確認画面に出るようにしたいのですが、 + "選択:" + document.Order.elements[ ].value + "\n" 上記[ ]の中になにを記載するばよいのでしょうか、 宜しくお願いします。 <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[ ].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>

  • チェックしなくても、確認のウインドウがでる

    チェックしなくても、確認のウインドウがでてしまうのですが、どこがいけないのでしょうか <SCRIPT language=JavaScript> function SubmitCheck() } if (document.Order.elements[kiyaku_fn].value == ""){ return false; } else if (document.Order.elements[kiyaku_fn].value == "同意"){ alert("規約に同意して下さい"); return false; } var confirm_str = ""; confirm_str = "下記の事項をご確認ください。\n" + "正しければ、OKを押してください。\n" + "--------------------------------\n" + "規約:" + document.Order.elements[kiyaku_fn].value + "\n\n"; temp = 0; confirm_str += "--------------------------------\n"; if(confirm(confirm_str)){ return true; } else return false; return true; } </SCRIPT> <INPUT id=checkbox1 type=checkbox value="同意" name=checkbox1>規約

  • メールフォームで送信

    ラジオボタンとチェックボックスを選択しその結果をメールフォームにて送信出来るようにしたいのですが、可能でしょうか? ラジオボタンとチェックボックスの選択はこちらで http://okwave.jp/qa/q8072037.html これをメールフォームで送信するのですが、 最後にメールフォームを付け加えました。 これで、ラジオボタンとチェックボックスの選択されたものと合計も一緒に送信は可能でしょうか? 皆様ご教授の程お願いします。 <br> 下記の項目もどうぞ <br> <font color="#ff0000" size="1"><b> ※ </b></font>のついている項目は<font color="#ff0000"><b>必須</b></font>です。 <form method="post" action="CGIのURI"><br> <p> <br> <font color="#ff0000" size="1"><b> ※ </b></font>氏名:<input name="氏名" type="text"> <br> <font color="#ff0000" size="1"><b> ※ </b></font>年齢:<input name="年齢" type="text"> <br> <font color="#ff0000" size="1"><b> ※ </b></font>メールアドレス <input name="mail" class="form-textline01" maxlength="100" value="" type="text"><br> <font color="#ff0000" size="1"><b> ※ </b></font>住 所 <input name="address" class="form-textline03" maxlength="1000" value="" type="text"> <br> <font color="#ff0000" size="1"><b> ※ </b></font>電話番号 <input name="tel" class="form-textline01" maxlength="20" value="" type="text">例) 123-456- 7890 <br> <font color="#ff0000" size="1"><b> ※ </b></font><br> <input name="性別" value="男" checked="checked" type="radio"> 男  <input name="性別" value="女" type="radio"> 女<br> <br> メダルの項目:<br> <input name="properties" value="CellPhone" type="checkbox"> マラソン <input name="properties" value="Car" type="checkbox"> 体操 <input name="properties" value="Car" type="checkbox"> 水泳 <input name="properties" value="Car" type="checkbox"> サッカー <input name="properties" value="Car" type="checkbox"> フットサル<br> <input name="properties" value="Car" type="checkbox"> バスケット <input name="properties" value="Car" type="checkbox"> バレー <input name="properties" value="Car" type="checkbox"> 野球 <input name="properties" value="Car" type="checkbox"> 相撲 <input name="properties" value="Car" type="checkbox"> スケート<br> <input name="properties" value="Car" type="checkbox"> スノボ <input name="properties" value="Cottage" type="checkbox"> セクシーコマンド<input name="properties" value="Car" type="checkbox">その他 <br> <br> 認定資格:<input name="資格" type="text"> <br> 好きな果物:<br> <select name="好きな果物"> <option>りんご</option> <option>みかん</option> <option>バナナ</option> <option>パイナップル</option> </select> <br> <textarea name="freeans" rows="4" cols="40">自由に意見を記述してください</textarea><br> <input value="送信" type="submit">  <input value="取り消し" type="reset"> </p> </form> <br> <br> ご協力ありがとうございました・・・<br> <br> </body> </html>

  • お問い合わせフォーム。確認画面でつまずいてます。

    phpでフォームを作成しています。フォーム確認画面で思うように動作しません。 確認画面の「修正する」ボタンを「input type="submit"」から「input type="image"」に変更し、画像ボタンとしたいです。 ソースを下記のように書き換えると、前画面に戻らず、そのまま送信してしまいます。 <input type="hidden" name="status" value="send">'."\n".'<input type="submit" value="送信する"> <input type="submit" name="edit" value="修正するぞおお"> ↓ <input type="hidden" name="status" value="send">'."\n".'<input type="image" name="send" src="../images/send_btn.gif" value="送信する"> <input type="image" name="edit" src="../images/reset_btn.gif" value="修正するぞおお'"> 「修正する」ボタンを画像に変更するには、他に追記する必要があるのでしょうか? 正しい動作は、「修正する」ボタンを押すと、入力項目を残した状態のフォームへ戻ります。 その動作もphpのどこに記載されているのか、今いち分かっておりません・・・。 「魔法のメールフォーム MagicalForm」http://magical-form.com/ を利用しています。 初心者で申し訳ないのですが、どうぞよろしくお願いいたします。

    • 締切済み
    • PHP
  • javascript フォームについて

    javascriptでフォームを作ったのですが、複数フォームの空白をチェックするにはどのようなプログラムにすればよろしいでしょうか? onsubmit="return chk1(this)でフォーム送信が押されたときにチェックを行おうと考えているのですが そのときのchk()の中身やif文の条件がわからないのです。 どのようにすれば上手くいくでしょうか? 回答よろしくお願いします。 ソースは以下のとおりです。 <script language="javascript"> function send() { document.nform.submit(); document.nform2.submit(); document.nform3.submit(); } function chk1(frm){ if(frm.elements["txt1"].value==""){ alert("解答欄に空白があります"); /* FALSEを返してフォームは送信しない */ return false; }else{ /* TRUEを返してフォーム送信 */ return true; } } </script> <form name="nform" method="POST" action="mailto:webmaster@a.com?subject=問い合せ" enctype="text/plain"> <p>問1</p> <p> (1)<input type="text" name="kaitouran11" size="20"> (2)<input type="text" name="kaitouran12" size="20"> (3)<input type="text" name="kaitouran13" size="20"> (4)<input type="text" name="kaitouran14" size="20"> </p> </form> <form name="nform2" method="POST" action="mailto:webmaster@leposystems.com?subject=問い合せ" enctype="text/plain"> <p>問2</p> <p> (1)<input type="text" name="kaitouran21" size="20"> (2)<input type="text" name="kaitouran22" size="20"> (3)<input type="text" name="kaitouran23" size="20"> (4)<input type="text" name="kaitouran24" size="20"> </p> </form> <form name="nform3" method="POST" action="mailto:webmaster@leposystems.com?subject=問い合せ" enctype="text/plain"> <p>問3</p> <p> (1)<input type="text" name="kaitouran31" size="20"> (2)<input type="text" name="kaitouran32" size="20"> (3)<input type="text" name="kaitouran33" size="20"> (4)<input type="text" name="kaitouran34" size="20"> </p> </form> <input type="button" value="送信" onClick="send()" onsubmit="return chk1(this)">

  • javascriptでフォームの値の計算

    javascript1か月目の初心者です。 7つのテキストフィールドに数値を代入させて合計と平均(最後には標準偏差)を計算しようと思ってます。 以下のように考えましたが、うまくいきません。 strが文字列として?扱われてしまっているようです。 strをevalで囲んでみてもダメです。 詳しい方教えてください。 <!--スクリプト1--> <SCRIPT LANGUAGE="JavaScript"> <!-- function f_check() { if(document.F1.num1.value!=""&&document.F1.num2.value!=""&&document.F1.num3.value!=""&&document.F1.num4.value!=""&&document.F1.num5.value!="" &&document.F1.num6.value!=""&&document.F1.num7.value!=""){ str=0 for(var i = 0;i<document.F1.length;i++){ str+=document.F1[i].value; } alert('合計は'+str+"です"); avrg = (str)/document.F1.length; alert('平均は'+avrg+'です'); //ここから標準偏差の計算(略)。 } // --> </SCRIPT> <form method="post" name="F1" onSubmit="return f_check()"> 数値を入れてください<input type="text" name="num1" size="5"><br> 数値を入れてください<input type="text" name="num2" size="5"><br> 数値を入れてください<input type="text" name="num3" size="5"><br> 数値を入れてください<input type="text" name="num4" size="5"><br> 数値を入れてください<input type="text" name="num5" size="5"><br> 数値を入れてください<input type="text" name="num6" size="5"><br> 数値を入れてください<input type="text" name="num7" size="5"><br> <INPUT TYPE=SUBMIT VALUE="平均をとる"></FORM>

  • checkboxにチェックも入れていないのに、確認画面にて表示される不具合改善

    パソコン初級者です。宜しくお願い致します。 アンケートを作成しており、知人から頂いたプログラムを使用しております(-_-;) ラジオボタンや、テキストエリアなどは、問題ないのですが、 チェックボックスに限ってのみ、 チェックも入れていないのに、確認画面にて、あたかもチェックされたかのように項目が記載されてしまいます(-_-;) チェックした項目のみを表示するには、 下記のどの部分を変更すればよいのか、どうかご教示下さいませ。 ------------------------------------------ <script language=javascript> function processForm(){ var url_var="Result.htm?" if(navigator.appName != "Netscape") { for(j=0;j<document.form1.elements.length;j++){ var formObj=document.form1.elements[j]; if(formObj.type.toLowerCase() == "text" || formObj.type.toLowerCase() == "password" || formObj.type.toLowerCase().indexOf("select")>-1 || formObj.type.toLowerCase()=="textarea" || formObj.type.toLowerCase() == "checkbox"){ n_var=formObj.name; name_var=escape(n_var); // alert(name_var); value_var=escape(formObj.value); url_var=url_var+name_var+"="+value_var+"&"; //alert(url_var); }else{ if(formObj.type.toLowerCase()=="radio"){ if(formObj.checked){ n_var=formObj.name; name_var=escape(n_var); //alert(name_var); value_var=escape(formObj.value); url_var=url_var+name_var+"="+value_var+"&"; } } } } window.location =url_var.substring(0,url_var.length-1); } else{ for(j=0;j<document.form1.elements.length;j++){ var formObj=document.form1.elements[j]; if(formObj.type.toLowerCase() == "text" || formObj.type.toLowerCase() == "password" || formObj.type.toLowerCase() == "checkbox" || formObj.type.toLowerCase().indexOf("select")>-1 || formObj.type.toLowerCase()=="textarea"){ n_var=formObj.name; name_var=n_var; // alert(name_var); value_var=formObj.value; url_var=url_var+name_var+"="+value_var+"&"; //alert(url_var); }else{ if(formObj.type.toLowerCase()=="radio"){ if(formObj.checked){ n_var=formObj.name; name_var=n_var; value_var=formObj.value; url_var=url_var+name_var+"="+value_var+"&"; } } } } document.form1.action =url_var.substring(0,url_var.length-1); } } // End --> </script> <!--ここまで--><script language=javascript> function wrt(){ if(navigator.appName != "Netscape") { document.write("<form name=form1>") }else{ document.write("<form name=form1 onsubmit=\"return processForm();\">") } } wrt() </script><!--ここまで--></HEAD> <!--ここから--> <BODY> 質問1 <INPUT type="checkbox" name="1_質問" value="赤色">赤色 <INPUT type="checkbox" name="1_質問" value="青色">青色 <TBODY> <TABLE> <TBODY> <TR> <TD><FONT face="MS明朝P"><script language=javascript> function wrt1(){ if(navigator.appName != "Netscape") { document.write("<input type=\"button\" name=\"Submit\" value=\" 確認画面へ \" onclick=\"javascript:processForm();\">") }else{ document.write("<input type=\"submit\" name=\"Submit\" value=\" 確認画面へ \">") } } wrt1() </script></FONT></TD> </TR> </TBODY> </TABLE>

  • フォームについて

    マイホームページに 下記のようなフォームを作成しました。 <font color="#666666" size="2" face="MS Pゴシック, Osaka">このサイトについての感想、ご意見</font> <br> <br> <br> <form action="/cgi-bin/FormMail.cgi" method="POST"> <font color="#666666" size="2" face="MS Pゴシック, Osaka">お名前</font>:<input type="text" name="realname" size="30"> <br> <br> <font color="#0099FF" size="2" face="MS Pゴシック, Osaka">メールアドレス</font>: <input type="text" name="email" size="35"> <br> <br> ご意見・ご感想: <textarea name="textfield" cols="50" rows="5"></textarea>     <br> <br> <input type="hidden" name="recipient" value="yssm@cameo.plala.or.jp"> <input type="hidden" name="required" value="email,realname"> <input type="hidden" name="subject" size="50" value="TEST MAIL from WWW" /> <input name="submit" type="submit" value="送信" /> <input type="reset" value="初めから書き直す"> </form> これを私のメールアドレス(yssm@cameo.plala.or.jp)に送信したいのですがうまくいきません。 基本的な部分、思考が間違っているのでしょうか。 ご回答をよろしくお願いいたします。

専門家に質問してみよう