Javascriptでのconfirmなどについてわかりませんでした…
script文です

     function check(){
      var message="";
      var kk;
       if(document.cancel.i.value==""){
         message +="お名前が未入力です。\n";
        }
       if(!document.cancel.i.value==""){
        message +="お名前:"+document.cancel.i.value+"\n";
        }
                
        for(kk=0; kk<1; ++kk){
          if(document.cancel.j[kk].selected==true){
            message +="お住いの都道府県が選択されていません。\n";
           }
         }
        for(kk=1; kk<7; ++kk){
          if(document.cancel.j[kk].selected==true){
            message +="都道府県:"+document.cancel.j.value+"\n";
           }
         }
         
       if(document.cancel.k[0].checked == false &&cancel.k[1].checked== false){
         message += "性別が選択されていません\n";
        }
        if(document.cancel.k[0].checked == true){
         message +="性別:Male\n";
        }
       if(document.cancel.k[1].checked == true){
         message +="性別:Female\n";
        }
        
        if(document.cancel.txtarea.value==""){
         message +="お問い合わせ内容が未入力です。\n";
        }
       if(!document.cancel.txtarea.value==""){
         message +="お問い合わせ内容:"+document.cancel.txtarea.value+"\n";
        }       
       if(!message==""){
      alert(message);
        return false;
      }
     }
    </script>

HTML文です

 <body>
    <form action="sample.php" method="post" name="cancel" onSubmit="return check()">
     <p><label>お名前:<input type="text" name="i" id="uname"></label></p>
        <p>
     <label>お住いの都道府県:</label>
     <select id="prefecture" name="j">
      <option selected value="todohuken">都道府県</option>
      <option value="ibaraki">茨城県</option>
      <option value="tochigi">栃木県</option>
      <option value="gunma">群馬県</option>
      <option value="saitama">埼玉県</option>
      <option value="tiba">千葉県</option>
      <option value="tokyo">東京都</option>
      <option value="kanagawa">神奈川県</option>
     </select>
     </p>
     <fieldset><legend>性別</legend>
      <input type="radio" name="k" value="Male" id="male"><label for="male">男性</label>
      <input type="radio" name="k" value="Female" id="female"><label for="female">女性</label>
     </fieldset>
         <p>
     <label for="demand">お問い合わせ内容を以下に記入してください:</label><br>
     <textarea id="demand" name="txtarea" cols="40" rows="4" maxlength="20"></textarea>
    </p>

    </form>
 </body>

質問内容としては、javascriptのほうのif文の

if(!document.cancel.i.value==""){
        message +="お名前:"+document.cancel.i.value+"\n";
        }
for(kk=1; kk<7; ++kk){
          if(document.cancel.j[kk].selected==true){
            message +="都道府県:"+document.cancel.j.value+"\n";
           }
         }
if(document.cancel.k[0].checked == true){
         message +="性別:Male\n";
        }
       if(document.cancel.k[1].checked == true){
         message +="性別:Female\n";
        }
if(!document.cancel.txtarea.value==""){
         message +="お問い合わせ内容:"+document.cancel.txtarea.value+"\n";
        }

の部分だけ（性別に関してはどちらか一方）をconfirm を使って alertで表示し、OKを押したらsample.phpに移動しキャンセルならこのページに留まるようにしたいです。
また、送信前に都道府県の中で選択したものがそのまま送信前でお問い合わせ内容の部分に表示されるようにしたいです。

どちらもいろいろ調べてやってみたものの confirmに関しては、window.confirmというのならあるけれどこのようなmessageのようなメッセージを出すには使うことができず… 使い方が間違っていたのかも…？
また、お問合せ内容に表示させるものに関しては、textareaの部分に何か書くのはわかったのですが何を書いたらいいかわからず…
どなたか教えていただけるとありがたいです

追加して書いてみた結果…

        function disp(){
        if(window.confirm(message)){
           location.href="sample.php";
          }
          else{
            window.alert('キャンセル');
            }
         }

を if(!message==""){
alert(message);
return false;
の前の部分に入れ
HTMLでは

<body>
    <form action="sample.php" method="post" name="cancel" onSubmit="return check()">
     <p><label>お名前:<input type="text" name="i" id="uname"></label></p>
        <p>
     <label>お住いの都道府県:</label>
     <select id="prefecture" name="j">
      <option selected value="todohuken">都道府県</option>
      <option value="ibaraki">茨城県</option>
      <option value="tochigi">栃木県</option>
      <option value="gunma">群馬県</option>
      <option value="saitama">埼玉県</option>
      <option value="tiba">千葉県</option>
      <option value="tokyo">東京都</option>
      <option value="kanagawa">神奈川県</option>
     </select>
     </p>
     <fieldset><legend>性別</legend>
      <input type="radio" name="k" value="Male" id="male"><label for="male">男性</label>
      <input type="radio" name="k" value="Female" id="female"><label for="female">女性</label>
     </fieldset>
         <p>
     <label for="demand">お問い合わせ内容を以下に記入してください:</label><br>
     <textarea id="demand" name="txtarea" cols="40" rows="4" maxlength="20"></textarea>
    </p>
  <input type="button" value="送信" onClick="disp()"></p>
    </form>
 </body>

とやってみました。が、うまくできず… どのようにしたらよかったのでしょうか…？
ちなみに表示させたいのはこのような感じでOKならsample.phpへ移動し、キャンセルならページにとどまりたいです表示させてる内容はこの問題とはまた違ったものです。

修正した後ここまではできたんですが、ここからできなくなってしまって…
OKとキャンセルは出たんですがOKを押してもページ先で表示されるはずの入力した内容が出なくなってしまいました… どうしたらいいのでしょうか…

          if(window.confirm(message)){
        location.href="sample.php";
       
        }
     }
    </script>

上の三行を追加しました。またHTMLの部分も変更しました。

    <input type="button" value="送信" onClick="check()"></p>

kei344

2017/05/24 18:50

confirmの何がどうわからないのでしょうか。具体的に試したコードを追記し、自分が思っていた挙動とどのように違うかを具体的にかかれてはいかがでしょう。

退会済みユーザー

2017/05/25 09:03

わかりました　追加しておきます

行動規範の内容に同意します

回答3件

ベストアンサー

＞confirm を使って alertで表示
そもそもconfirmとalertでは用途が違うので混在しないようにしましょう。

alert - 通知
confirm - 確認

confirmでOK時、キャンセル時は下記を参考にしてください。
http://www.tagindex.com/javascript/window/confirm.html
ご提示のmessageも問題なく使えると思います。
キャンセル時にはalert()で書かれているようにreturn falseをすることで何もしません(＝ページに留まる）
画面遷移についてはsample.phpがformのactionに設定されているのでOK時にreturn trueすれば良いと思います。

そういえば、送信(submit)するボタンが設置されていないように見受けられます。
type=textでEnterするしかないような・・？
ひとまず、Submitボタンを置いた方が良いでしょう。
http://www.htmq.com/html5/button.shtml
（ボタンを置いたらonclickでご提示のreturn check()を設置します）

追記を受けて

returnを設定していないとreturn falseを受け取らないのでそのまま送信してしまいます。
「画面遷移」をするわけではなく「入力情報をformのactionに設定した先に送信する」ので
locationはいりません。<form>の中にsubmitボタンがあれば<form>内の入力情報を全て送信してくれます。

投稿2017/05/24 22:51

編集2017/05/25 10:46

m.ts10806

総合スコア80850

<form action="sample.php" method="post" name="cancel" onSubmit="return check()">

としているなら

javascript
1function check(){
2 return confirm("test\ntest\ntest\ntest");
3}
4
5```とすればよいのでは？

投稿2017/05/25 12:16

yambejp

総合スコア114823

JavaScript
1location.href="sample.php";

これは、ページを単に移動するので、フォームに記入した内容は送られません。

【form.submit - フォームをsubmitする - JavaScriptリファレンス】
http://javascriptist.net/ref/form.submit.html

投稿2017/05/25 10:39

kei344

総合スコア69407

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

Javascript confirm等…について

追記を受けて

関連した質問