前提・実現したいこと
現在お問い合わせフォームを作成中で、
htmlファイル上にphpを呼び出す形で実装しているのですが画面移行がうまくいかず入力後クリアになってしまいます。
phpファイル上では反映がうまくいくのですが、
htmlファイルのまま、入力後確認画面→送信完了画面
へ順次反映させたいです。
問い合わせフォームの実装自体が初の試みで、
いろいろと足りないところがありますが、ご教授いただけますと幸いです。
発生している問題・エラーメッセージ
そのファイル上でフォーム入力後ボタンを押すとクリアになってしまい、次の画面に移行ができません。
また、下記のように頭に進行中の状況が表示されてしまうのをなくしたいです。
array(0) { }
該当のソースコード
〜htmlファイル内容〜
(form部分にphpファイルを呼び出し)
<body> <form> </form> <script> $('form').load('mail.php'); </script> </body>
====================================
〜mail.phpファイル内容〜 <body> <p class="lead">必要事項を記入の上、送信ボタンを押してください。</p> <?php if( $page_flag === 1 ): ?> <div class="container"> <form method="post" action=""> <div class="element_wrap"> <label>氏名</label> <p> <?php echo $_POST['your_name']; ?> </p> </div> <div class="element_wrap"> <label>会社名</label> <p> <?php echo $_POST['organization']; ?> </p> </div> <div class="element_wrap"> <label>メールアドレス</label> <p> <?php echo $_POST['email']; ?> </p> </div> <div class="element_wrap"> <label>電話番号</label> <p> <?php echo $_POST['tel']; ?> </p> </div> <div class="element_wrap"> <label>お問い合わせ内容</label> <p> <?php echo nl2br($_POST['contact']); ?> </p> </div> <input type="submit" name="btn_back" value="戻る"> <input type="submit" name="btn_submit" value="送信"> <input type="hidden" name="your_name" value="<?php echo $_POST['your_name']; ?>"> <input type="hidden" name="organization" value="<?php echo $_POST['organization']; ?>"> <input type="hidden" name="email" value="<?php echo $_POST['email']; ?>"> <input type="hidden" name="tel" value="<?php echo $_POST['tel']; ?>"> <input type="hidden" name="contact" value="<?php echo $_POST['contact']; ?>"> </form> </div> <?php elseif( $page_flag === 2 ): ?> <p>送信が完了しました。</p> <?php else: ?> <div class="container"> <form method="post" action=""> <div class="element_wrap"> <label>氏名</label> <input type="text" name="your_name" value="<?php if( !empty($_POST['your_name']) ){ echo $_POST['your_name']; } ?>"> </div> <div class="element_wrap"> <label>会社名</label> <input type="text" name="organization" value="<?php if( !empty($_POST['organization']) ){ echo $_POST['organization']; } ?>"> </div> <div class="element_wrap"> <label>メールアドレス</label> <input type="text" name="email" value="<?php if( !empty($_POST['email']) ){ echo $_POST['email']; } ?>"> </div> <div class="element_wrap"> <label>電話番号</label> <input type="text" name="tel" value="<?php if( !empty($_POST['tel']) ){ echo $_POST['tel']; } ?>"> </div> <div class="element_wrap"> <label>お問い合わせ内容</label> <textarea name="contact"><?php if( !empty($_POST['contact']) ){ echo $_POST['contact']; } ?></textarea> </div> <input type="submit" name="btn_confirm" value="入力内容を確認する"> </form> </div> <?php endif; ?> </body>
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。