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

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

ただいまの
回答率

89.21%

お問い合わせフォームで入力内容に空白があった場合にエラーメッセージを出したい

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 2,295

mwmw_mwmw

score 7

お問い合わせフォームを作っていて、入力内容のいずれかに空白があった場合に送信ボタンクリック時にエラーメッセージを出すようにしたいと思っています。
各サイトを参考にしながら以下のようにコードを組んでみたのですが、エラーメッセージを出すための制御文が動作していないようで、空白があった場合でもそのまま確認画面へと進んでしまいます(index.php → confirm.php → sent.phpと移動するように作っており、以下のコードの1つ目がindex.php、2つ目がconfirm.phpになります)。
試しにif(isset($_POST['submit']) && $_POST['submit'] === '送信')の部分を消すと今度は「お名前を入力してください。」などのメッセージが最初から表示されるようになります。そのためこのif文がおかしいような気がするのですが修正方法がわかりません。
似たような質問をいくつか見つけたのですが、自分の力ではいずれの方法でも解決に至らなかったため質問させていただきました。ご回答よろしくお願いいたします。

<?php
    $name = '';
    if(isset($_POST['name'])){
        $name = $_POST['name'];
    }
    $mail = '';
    if(isset($_POST['mail'])){
        $mail = $_POST['mail'];
    }
    $inquiry = '';
    if(isset($_POST['inquiry'])){
        $inquiry = $_POST['inquiry'];
    }

    function h($s) {
        return htmlspecialchars($s, ENT_QUOTES, "UTF-8");
      }

    if(isset($_POST['submit']) && $_POST['submit'] === '送信'){
        if($name === ''){
            $error_message['name'] = 'お名前を入力してください。';
        }
        if($mail === ''){
            $error_message['mail'] = 'メールアドレスを入力してください。';
        }
        if($inquiry === ''){
            $error_message['inquiry'] = 'お問い合わせ内容を入力してください。';
        }

  }
?>

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>お問い合わせフォーム</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div class="main">
            <div class="contact-form">
                <div class="form-title">お問い合わせ</div>
                <form method="post" action="confirm.php">
                    <div class="form-item">お名前</div>
                    <div class="error_message"><?php echo $error_message['name'] ?></div>
                    <input type="text" name="name">
                    <div class="form-item">メールアドレス</div>
                    <div class="error_message"><?php echo $error_message['mail'] ?></div>
                    <input type="text" name="mail">
                    <div class="form-item">お問い合わせ内容</div>
                    <div class="error_message"><?php echo $error_message['inquiry'] ?></div>
                    <textarea name="inquiry"></textarea><br>  
                    <input type="submit" name="submit" value="送信">
                </form>
            </div>
         </div>
    </body>
</html>
<?php
    $name = '';
    if(isset($_POST['name'])){
        $name = $_POST['name'];
    }
    $mail = '';
    if(isset($_POST['mail'])){
        $mail = $_POST['mail'];
    }
    $inquiry = '';
    if(isset($_POST['inquiry'])){
        $inquiry = $_POST['inquiry'];
    }

    function h($s) {
        return htmlspecialchars($s, ENT_QUOTES, "UTF-8");
      }
?>

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>お問い合わせフォーム</title>
        <link rel="stylesheet" href="style.css">
    </head> 
    <body>
        <div class="main">
            <div class="contact-form">
                <div class="thanks-message">以下の内容でよろしいですか?</div>
                <form method="post" action="sent.php">
                    <input type="hidden" name="name" value="<?php echo h($name) ?>">
                    <input type="hidden" name="mail" value="<?php echo h($mail) ?>" >
                    <input type="hidden" name="inquiry" value="<?php echo h($inquiry) ?>"> 
                    <div class="form-title">入力内容</div>

                    <div class="form-item">●お名前</div>
                    <?php echo h($name) ?>

                    <div class="form-item">●メールアドレス</div>
                    <?php echo h($mail) ?>

                    <div class="form-item">●お問い合わせ内容</div>
                    <?php echo h($inquiry) ?>
                    <br>
                    <input type="button" value="戻る" onclick="history.back()">
                    <input type="submit" value="送信する"> 
                </form>
            </div>
        </div>
    </body>
  • 気になる質問をクリップする

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

回答 2

checkベストアンサー

0

条件分岐の処理はconfirm.phpで実施しています。
で、空の場合、confirm.phpindex.phpに POST し直しているのだと思いますが、肝心のコードの記載がないので、想像です。
POST['submit'] に'送信'を入れることで入れることで、戻した時の処理が開始されるかと思います。

余談
POST/GET は適切に行わないと、「まともに」動きません。
以下あたりで基本の受け取り方を覚えてください。
$_GET, $_POSTなどを受け取る際の処理

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2018/08/18 13:56

    すみません、大変申し訳無いのですが、どのようにすればいいかわからないのでもう少しヒントをいただけますでしょうか…。

    キャンセル

  • 2018/08/18 14:08

    要件が「ボタンをクリックした時」なのであれば、そもそもクライアントサイドで処理すべき内容です。
    サーバサイドでの処理とクライアントサイドでの処理を理解できていますか?

    理解できた上での質問なのであれば、サーバサイドの処理としては
    ・空検出をした場合に、index.php へ cURL 等を使用して POST された内容をし直す
    ことで、「今提示されているコードを活かした」処理が可能です。

    ただ、今のコードはあまり一般的な方法では無いです。
    session を利用したり、confirm.php を index.php の内容と差し替えたりするのをよく見かけます。

    キャンセル

  • 2018/08/18 14:23

    サーバーサイドとクライアントサイドの違いについてはっきり理解できておらず、今調べてぼんやりとわかったかなという程度です…。
    一般的な方法でないのですね。cURLやsessionなども理解できていないため、現時点では手が付けられない範囲である気がしてきました。
    こちらの知識不足できちんとお答えできずお手数をかけてしまい大変申し訳ありません。勉強してそのうちきちんと実装させたいと思います。ご回答ありがとうございました。

    キャンセル

0

    session_start();

    if(isset($_POST['submit']) && $_POST['submit'] === '送信'){
        if($name === ''){
            $error_message['name'] = 'お名前を入力してください。';
        }
        if($mail === ''){
            $error_message['mail'] = 'メールアドレスを入力してください。';
        }
        if($inquiry === ''){
            $error_message['inquiry'] = 'お問い合わせ内容を入力してください。';
        }
        if(empty($error_message)){
            $_SESSION['submit'] = $_POST;
            header('Location: confirm.php');
        }
     }   


ツイッターでアドバイスをいただき、このように組んだらエラーメッセージが出るようになりました。しかし今度は各項目に入力をしても確認画面で入力内容が空白になってしまう問題が発生したので、もし解決できない場合はまたこちらで質問させていただくかもしれません。繰り返しになりますがご回答くださり大変ありがとうございました。

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2018/08/19 11:28

    confirm.php で session_start() させ、$_SESSION['submit'] から POST 内容を引き出してあげればよいです。

    一通り、スクリプトが動くようになったら、以下も参考に読んでみてください。
    面白いです。
    ・さいきょうの二重サブミット対策
    https://qiita.com/syobochim/items/120109315f671918f28d
    ・確認画面からの遷移時に $_SESSION で値を渡すことの意味
    https://teratail.com/questions/74746

    キャンセル

  • 2018/08/19 16:15 編集

    返信遅れてすみません。確認画面で戻るを押すとERR_CACHE_MISSと出ていたのですが、confirm.phpでもsession_start()と入れたらこちらの問題が解決しました!上記の空白になる問題はまだ解決しておらず、仕組みについてもまだよくわかっていないのですが取り急ぎご報告させていただきました。教えていただいた記事もじっくり拝読したいと思います。ありがとうございます。

    キャンセル

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

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