teratail
回答率
85.36%
teratail header banner
teratail header banner
質問するログイン新規登録

『🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中！

＼teratail特別グッズやAmazonギフトカード最大2,000円分が当たる！／

詳細はこちら
トップPHPに関する質問
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

解決済

2回答

1346閲覧

PHPで問い合わせの入力フォームのバリデーションを実装したい。

MitsukiN
MitsukiN

総合スコア2

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

0グッド

2クリップ

投稿2021/03/14 07:34

0

2

前提・実現したいこと

PHPで問い合わせの入力フォームのバリデーションを実装したい。
フォームに空の項目がある場合は、確認画面には進まず入力画面にエラーを表示する。

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

フォームに何も入力せず空送信したらエラーが表示されるはずが、確認画面に進んでしまう。

該当のソースコード

入力画面

<!DOCTYPE html>
  <head>
    <meta charset="utf-8">
    <title>Lesson Sample Site</title>
    <link rel="stylesheet" type="text/css" href="css/contact.css">
  </head>
  <body id="app">
    <header>
      <div class="top-bar">
        <div class="logo">
          <a href="cafe.php">
            <img src="img/logo.png" alt="cafeロゴ">
          </a>
        </div>
        <div class="navbar">
          <li class="nav"><a href="cafe.php#cafe_area">はじめに</a></li>
          <li class="nav"><a href="cafe.php#cafe_experience">体験</a></li>
          <li class ="nav"><a href="contact.php">お問い合わせ</a></li>
        </div>
        <div id="sign-in" v-on="click: openModal">サインイン</div>
      </div>
    </header>

    <open-modal v-show="showContent" v-on="click: closeModal"></open-modal>

    <?php
      session_start();

      $name = "";
      $furikana = "";
      $tell = "";
      $email = "";
      $content = "";

      $errors = array();
      $pattern = "/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/";

      if($_SERVER["REQUEST_METHOD"] === "POST"){

        if(empty($name)||mb_strlen($name)>10){
          $errors['name'] = "氏名は必須入力です。10文字以内でご入力ください。";
        }

        if (empty($furikana)||mb_strlen($furikana)>10) {
          $errors['furikana'] = "フリガナは必須入力です。10文字以内でご入力ください。";
        }

        if (preg_match("/^[0-9]+$/", $tell)==0) {
          $errors['tell'] = "電話番号は0-9の数字のみでご入力ください。";
        }

        if (empty($email)||preg_match($pattern, $email)==0) {
          $errors['email'] = "メールアドレスは正しくご入力ください。";
        }

        if(empty($content)){
          $errors['content'] = "お問い合せ内容は必須入力です。";
        }
      }


    ?>

    <section>
      <div class="contact-form">
        <h2>お問い合わせ</h2>
      <?php if(count($errors)>=1): ?>
        <form action="" method="post">
      <?php elseif (count($errors)==0):?>
        <form action="confirm.php" method="post">
      <?php endif; ?>
          <div id="sub">
            <p>下記の項目をご記入の上送信ボタンを押してください</p>
          </div>
          <p>送信頂いた件につきましては、当社より折り返しご連絡を差し上げます。</p>
          <p>なお、ご連絡までに、お時間を頂く場合もございますので予めご了承ください。</p>
          <p><span>*</span>は必須項目となります。</p>
          <?php var_dump($errors); ?>

            <div class="personal-info">
              <div class="label">氏名<span>*</span></div>
            <?php if (isset($errors['name'])): ?>
              <p class="error"><?php echo $errors['name']; ?></p>
              <div class="input-box">
                <input name="name" placeholder="山田太郎" value="<?php $name ?>">
              </div>
            <?php else: ?>
              <div class="input-box">
                <input name="name" placeholder="山田太郎" value="<?php $name ?>">
              </div>
            <?php endif; ?>

              <div class="label">フリガナ<span>*</span></div>
            <?php if (isset($errors['furikana'])): ?>
              <?php echo $errors['furikana']; ?>
              <div class="input-box">
                <input name="furikana" placeholder="ヤマダタロウ" value="<?php $furikana ?>">
              </div>
            <?php else: ?>
              <div class="input-box">
                <input name="furikana" placeholder="ヤマダタロウ" value="<?php $furikana ?>">
              </div>
            <?php endif; ?>

              <div class="label">電話番号</div>
            <?php if (isset($errors['tell'])): ?>
              <?php echo $errors['tell']; ?>
              <div class="input-box">
                <input name="tell" placeholder="09012345678" value="<?php $tell ?>">
              </div>
            <?php else: ?>
              <div class="input-box">
                <input name="tell" placeholder="09012345678" value="<?php $tell ?>">
              </div>
            <?php endif; ?>

              <div class="label">メールアドレス<span>*</span></div>
            <?php if (isset($errors['email'])): ?>
              <?php echo $errors['email']; ?>
              <div class="input-box">
                <input name="email" placeholder="test@test.co.jp" value="<?php $email ?>">
              </div>
            <?php else: ?>
              <div class="input-box">
                <input name="email" placeholder="test@test.co.jp" value="<?php $email ?>">
              </div>
            <?php endif; ?>

              <div id="sub">
                <p>お問い合わせ内容をご記入ください<span>*</span></p>
              </div>
            <?php if (isset($errors['econtent'])): ?>
              <?php echo $errors['content']; ?>
              <div class="text-box">
                <textarea name="content"></textarea>
              </div>
            <?php else: ?>
              <div class="text-box">
                <textarea name="content"></textarea>
              </div>
            <?php endif; ?>
            </div>
              <di class="submit">
                <button>送　信</button>
              </div>
            </div>
        </form>
      </div>
    </section>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/0.11.5/vue.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>

<?php include ( dirname(__FILE__) . '/footer.php' ); ?>


確認画面

<!DOCTYPE html>
  <head>
    <meta charset="utf-8">
    <title>Lesson Sample Site</title>
    <link rel="stylesheet" type="text/css" href="css/confirm.css">
  </head>
  <body id="app">
    <header>
      <div class="top-bar">
        <div class="logo">
          <a href="cafe.php">
            <img src="img/logo.png" alt="cafeロゴ">
          </a>
        </div>
        <div class="navbar">
          <li class="nav"><a href="cafe.php#cafe_area">はじめに</a></li>
          <li class="nav"><a href="cafe.php#cafe_experience">体験</a></li>
          <li class ="nav"><a href="contact.php">お問い合わせ</a></li>
        </div>
        <div id="sign-in" v-on="click: openModal">サインイン</div>
      </div>
    </header>

    <open-modal v-show="showContent" v-on="click: closeModal"></open-modal>

    <?php
      session_start();

      $name = $_POST["name"];
      $furikana = $_POST["furikana"];
      $tell = $_POST["tell"];
      $email = $_POST["email"];
      $content = $_POST["content"];
    ?>

    <section>
        <form id="confirm-sc" action="complete.php" method="post">
          <h2>お問い合わせ</h2>
          <div class="confirm-box">
            <p>下記の内容をご確認の上送信ボタンを押してください。</p>
            <p>内容を訂正する場合は戻るを押してください。</p>

            <div class="confirm">
              <div class="label">氏名</div>
              <div class="info"><?php echo $name; ?></div>

              <div class="label">フリガナ</div>
              <div class="info"><?php echo $furikana; ?></div>

              <div class="label">電話番号</div>
              <div class="info"><?php echo $tell; ?></div>

              <div class="label">メールアドレス</div>
              <div class="info"><?php echo $email; ?></div>

              <div class="label">お問い合わせ内容</div>
              <div class="content">
                <?php echo nl2br($content); ?>
                <!-- <p>Cafe-Cafe　御中<br><br>いつも大変お世話になっております。<br>
    株式会社〇〇の山田です。<br><br>先日メールにてお願いしておりましたXXの商品サンプルの件についてですが、
    その後の進捗は、いかがでしょうか。<br>
    当サンプルが必要となる会議が今週金曜日と迫っているため、本日15時までにご送付をお願いできますでしょうか。<br><br>また、本メールと行き違いでご連絡をいただいておりましたら申し訳ありません。<br>
    お忙しいところ大変恐れ入りますが、お取り計らいの程、何卒よろしくお願いいたします。</p> -->
              </div>
              <div class="button">
                <button id="submit">送　信</button>
                <button id="back">戻　る</button>
              </div>
            </div>
          </div>
        </div>
      </form>
    </section>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/0.11.5/vue.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>

<?php include ( dirname(__FILE__) . '/footer.php' ); ?>

試したこと

actionを場合分けする際に$_SERVER["REQUEST_METHOD"] === "POST"で場合分けした。

<?php if ($_SERVER["REQUEST_METHOD"] === "POST"): ?>
      <?php if(count($errors)>=1): ?>
        <form action="" method="post">
      <?php elseif (count($errors)==0):?>
        <form action="confirm.php" method="post">
      <?php endif; ?>
<?php endif; ?>

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hon.ki
hon.ki

2021/03/14 08:59 編集

ちなみに、phpのバージョンはおいくつでしょうか？ php -vで見れると思います。
javahack
javahack

2021/03/14 12:17

動作確認してないから当てずっぽうですけど、これ常にconfirm.phpに飛んでバリデートは永遠に実行されないんじゃないでしょうか。 デベロッパーズツールでソースを見ると最初から以下の表示になっていませんか？ <form action="confirm.php" method="post">
MitsukiN
MitsukiN

2021/03/14 17:01

回答ありがとうございます！ 自己解決できました！
guest

回答2件

0

自己解決

<!DOCTYPE html>
  <head>
    <meta charset="utf-8">
    <title>Lesson Sample Site</title>
    <link rel="stylesheet" type="text/css" href="css/contact.css">
  </head>
  <body id="app">
    <header>
      <div class="top-bar">
        <div class="logo">
          <a href="cafe.php">
            <img src="img/logo.png" alt="cafeロゴ">
          </a>
        </div>
        <div class="navbar">
          <li class="nav"><a href="cafe.php#cafe_area">はじめに</a></li>
          <li class="nav"><a href="cafe.php#cafe_experience">体験</a></li>
          <li class ="nav"><a href="contact.php">お問い合わせ</a></li>
        </div>
        <div id="sign-in" v-on="click: openModal">サインイン</div>
      </div>
    </header>

    <open-modal v-show="showContent" v-on="click: closeModal"></open-modal>

    <?php
    session_start();

    $name = "";
    $furikana = "";
    $tell = "";
    $email = "";
    $content = "";

    $errors = array();
    $pattern = "/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/";


    if($_SERVER["REQUEST_METHOD"] === "POST"){

      $name = $_POST['name'];
      $furikana = $_POST['furikana'];
      $tell = $_POST['tell'];
      $email = $_POST['email'];
      $content = $_POST['content'];

      if (empty($name)||mb_strlen($name)>10) {
        $errors['name'] = "氏名は必須入力です。10文字以内でご入力ください。";
      }

      if (empty($furikana)||mb_strlen($furikana)>10) {
        $errors['furikana'] = "フリガナは必須入力です。10文字以内でご入力ください。";
      }

      if (preg_match("/^[0-9]+$/", $tell)==0) {
        $errors['tell'] = "電話番号は0-9の数字のみでご入力ください。";
      }

      if(empty($email)||preg_match($pattern, $email)==0) {
        $errors['email'] = "メールアドレスは正しくご入力ください。";
      }

      if(empty($content)) {
        $errors['content'] = "お問い合わせ内容は必須入力です。";
      }

      if(count($errors) == 0){
        $_SESSION = $_POST;
        header('Location:confirm.php');
        exit;
      }
    }
    ?>

    <section>
      <div class="contact-form">
        <h2>お問い合わせ</h2>
        <form action="" method="post">
          <div id="sub">
            <p>下記の項目をご記入の上送信ボタンを押してください</p>
          </div>
          <p>送信頂いた件につきましては、当社より折り返しご連絡を差し上げます。</p>
          <p>なお、ご連絡までに、お時間を頂く場合もございますので予めご了承ください。</p>
          <p><span>*</span>は必須項目となります。</p>
          <div class="personal-info">

            <div class="label">氏名<span>*</span></div>
            <?php if (isset($errors['name'])): ?>
            <p class="error"><?php echo $errors['name']; ?></p>
            <div class="input-box">
              <input name="name" placeholder="山田太郎" value="<?= $name ?>">
            </div>
            <?php else: ?>
            <div class="input-box">
              <input name="name" placeholder="山田太郎" value="<?= $name ?>">
            </div>
            <?php endif; ?>

              <div class="label">フリガナ<span>*</span></div>
            <?php if (isset($errors['furikana'])): ?>
              <p class="error"><?php echo $errors['furikana']; ?></p>
              <div class="input-box">
                <input name="furikana" placeholder="ヤマダタロウ" value="<?= $furikana ?>">
              </div>
            <?php else: ?>
              <div class="input-box">
                <input name="furikana" placeholder="ヤマダタロウ" value="<?= $furikana ?>">
              </div>
            <?php endif; ?>

              <div class="label">電話番号</div>
            <?php if (isset($errors['tell'])): ?>
              <p class="error"><?php echo $errors['tell']; ?></p>
              <div class="input-box">
                <input name="tell" placeholder="09012345678" value="<?= $tell ?>">
              </div>
            <?php else: ?>
              <div class="input-box">
                <input name="tell" placeholder="09012345678" value="<?= $tell ?>">
              </div>
            <?php endif; ?>

              <div class="label">メールアドレス<span>*</span></div>
            <?php if (isset($errors['email'])): ?>
              <p class="error"><?php echo $errors['email']; ?></p>
              <div class="input-box">
                <input name="email" placeholder="test@test.co.jp" value="<?= $email ?>">
              </div>
            <?php else: ?>
              <div class="input-box">
                <input name="email" placeholder="test@test.co.jp" value="<?= $email ?>">
              </div>
            <?php endif; ?>

              <div id="sub">
                <p>お問い合わせ内容をご記入ください<span>*</span></p>
              </div>
            <?php if (isset($errors['content'])): ?>
              <div class="text-box">
                <p class="error"><?php echo $errors['content']; ?></p>
                <textarea name="content"><?= $content ?></textarea>
              </div>
            <?php else: ?>
              <div class="text-box">
                <textarea name="content"><?= $content ?></textarea>
              </div>
            <?php endif; ?>
            </div>

            <div class="submit">
              <button>送　信</button>
            </div>
        </form>
      </div>
    </section>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/0.11.5/vue.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>

<?php include ( dirname(__FILE__) . '/footer.php' ); ?>

投稿2021/03/14 16:57

MitsukiN
MitsukiN

総合スコア2

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

可能性の一つとして、考えてみてほしいのですが、phpって、
empty($name)||mb_strlen($name)>10
←　「|| 」の前後って半角空白なくても行けるんでしたっけ？
とりあえず、そこが気になったことを、お伝えします。

追記:普通に行けたっぽいですね...すいません。

投稿2021/03/14 08:41

編集2021/03/14 08:55
hon.ki
hon.ki

総合スコア157

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

MitsukiN
MitsukiN

2021/03/14 08:57

いえ、ありがとうございます！
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問

トップPHPに関する質問

PHPで問い合わせの入力フォームのバリデーションを実装したい。