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

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

ただいまの
回答率

88.91%

お問い合わせフォーム 戻るボタンを押しても戻れない場合の対処法

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 170

mikeikeikename

score 14

前提・実現したいこと

お問い合わせフォームの確認画面にて、「戻る」ボタンを押したら入力時のページに戻る形にしたいと考えております。

発生している問題・エラーメッセージ

○○○.com/contactform.phpというページになり、何も表示されなくなります。

該当のソースコード

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>お問い合わせフォーム</title>
</head>
<body>
  <div class="contact">
    <a id="contact">
      <h2>contact.</h2></a><hr>
      <form action="./contactform.php" method="post">
        名前    <input type="text"    name="fullname" value=""  class="form-control"><br>
        Eメール <input type="email"   name="email"    value=""  class="form-control"><br>
        お問い合わせ内容<br>
        <textarea cols="40" rows="8" name="message"  class="form-control"></textarea><br>
        <div class="button">
          <input type="submit" name="confirm" value="確認" class="btn btn-primary btn-lg"/>
        </div>
      </form>  
</body>
</html>
<?php
  session_start();
  $mode = 'input';
  $errmessage = array();
  if( isset($_POST['back']) && $_POST['back'] ){
    // 何もしない
  } else if( isset($_POST['confirm']) && $_POST['confirm'] ){
    // 確認画面
    if( !$_POST['fullname'] ) {
      $errmessage[] = "名前を入力してください";
    } else if( mb_strlen($_POST['fullname']) > 100 ){
      $errmessage[] = "名前は100文字以内にしてください";
    }
    $_SESSION['fullname'] = htmlspecialchars($_POST['fullname'], ENT_QUOTES);

    if( !$_POST['email'] ) {
      $errmessage[] = "Eメールを入力してください";
    } else if( mb_strlen($_POST['email']) > 200 ){
      $errmessage[] = "Eメールは200文字以内にしてください";
    } else if( !filter_var($_POST['email'], FILTER_VALIDATE_EMAIL) ){
      $errmessage[] = "メールアドレスが不正です";
    }
    $_SESSION['email']  = htmlspecialchars($_POST['email'], ENT_QUOTES);

    if( !$_POST['message'] ){
      $errmessage[] = "お問い合わせ内容を入力してください";
    } else if( mb_strlen($_POST['message']) > 500 ){
      $errmessage[] = "お問い合わせ内容は500文字以内にしてください";
    }
    $_SESSION['message'] = htmlspecialchars($_POST['message'], ENT_QUOTES);

    if( $errmessage ){
      $mode = 'input';
    } else {
      $mode = 'confirm';
    }
  } else if( isset($_POST['send']) && $_POST['send'] ){
    // 送信ボタンを押したとき
    $message  = "お問い合わせを受け付けました \r\n"
              . "名前: " . $_SESSION['fullname'] . "\r\n"
              . "email: " . $_SESSION['email'] . "\r\n"
              . "お問い合わせ内容:\r\n"
              . preg_replace("/\r\n|\r|\n/", "\r\n", $_SESSION['message']);
    mail($_SESSION['email'],'お問い合わせありがとうございます',$message);
    mail('mikeikeikename@yahoo.co.jp','お問い合わせありがとうございます',$message);
    $_SESSION = array();
    $mode = 'send';
  } else {
    $_SESSION['fullname'] = "";
    $_SESSION['email']    = "";
    $_SESSION['message']  = "";
  }
?>
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>お問い合わせ</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  <link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=Montserrat:ital,wght@1,300&family=Noto+Sans+JP:wght@300&family=Noto+Serif+JP:wght@200&family=Sawarabi+Mincho&display=swap" rel="stylesheet">
  <style>
    body{
      padding: 10px;
      max-width: 600px;
      margin: 0px auto; 
      font-family: "M PLUS Rounded 1c", sans-serif;
    }
    div.button{
      text-align: center;
    }
    .top{
      margin-top:10px;
      text-align:center;
      background-color:#eee;
      padding:20px;
      border-radius:10px;
    }

    .kakunin{ 
      margin-top:10%;
      margin-bottom:5%;
    }
    .kanryo{
      margin-top:20%;
      text-align: center;
    }
    .kanryo p{
      margin:10px;
    }

    .btn{
      margin-left:10px;
    }

  </style>
</head>
<body>
  <?php if( $mode == 'input' ){ ?>
    <!-- 入力画面 -->
    <?php
      if( $errmessage ){
        echo '<div class="alert alert-danger" role="alert">';
        echo implode('<br>', $errmessage );
        echo '</div>';
      }
    ?>

  <?php } else if( $mode == 'confirm' ){ ?>
    <!-- 確認画面 -->
    <form action="./contactform.php" method="post">
    <div class="top">
    <h4>お問い合わせ内容のご確認をお願いします</h4>
  </div>
     <div class ="kakunin"> <p>お名前    <?php echo $_SESSION['fullname'] ?><br></p>
      <p>Eメール <?php echo $_SESSION['email'] ?><br></p>
      <p>お問い合わせ内容<br></p>
      <?php echo nl2br($_SESSION['message']) ?><br></div>
      <input type="submit" name="back" value="戻る" class="btn btn-primary btn-lg" action ='./index.html'/>
      <input type="submit" name="send" value="送信" class="btn btn-primary btn-lg"/>
    </form>
  <?php } else { ?>
    <!-- 完了画面 -->
    <div class ="kanryo">
    <h2>送信が完了致しました。</h2><br>
    この度はお問い合わせ頂き誠にありがとうございました。<br>
    ご返信まで今しばらくお待ちくださいませ。
  </div>
  <?php } ?>
</body>
</html>

試したこと

contactform.phpファイルの121行目、
<input type="submit" name="back" value="戻る" class="btn btn-primary btn-lg">
に action ='./index.html'/を加えましたが適用できず。

あくまで予想ですが、
if( isset($_POST['back']) && $_POST['back'] ){
// 何もしない

この部分に戻る仕様を付け加えるか、などと考えていますが書き方がわからず。

お手数ですがご指導宜しくお願い致します。

補足情報(FW/ツールのバージョンなど)

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+1

submitに指定するのはactionではなくformaction
(戻るでサブミットするのは仕様としては微妙ですが)

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/07/13 10:04

    解決しました!いつもありがとうございます!

    キャンセル

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

  • ただいまの回答率 88.91%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る