PHP バリデーション　お問い合わせフォーム　エラーメッセージ

実現したいこと

エラーメッセージが表示されたままになってしまう。
ボタンを押したらエラーメッセージが表示される。

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

ボタンを押さない状態でもエラーメッセージが表示された状態になっている。

該当のソースコード



<?php
session_start();

function h($str)
{
    return htmlspecialchars($str, ENT_QUOTES, 'utf-8');
}
if (empty($name) || mb_strlen($name) > 10) {
    $name_error = '氏名は必須項目です。10文字以内で入力して下さい。';
    $success = false;
} elseif (mb_strlen($name) > 11) {
    $name_error = '11文字以内で入力して下さい。';
    $success = false;
}

if (empty($hurigana) || mb_strlen($hurigana) > 10) {
    $hurigana_error = 'フリガナは必須項目です。10文字以内で入力して下さい。';
    $success = false;
}
if (empty($tel)) {
    $tel_error = '電話番号は0-9までの数字で入力して下さい。';
    $success = false;
}

if (empty($email)) {
    $email_error = 'メールアドレスは必須項目です。';
    $success = false;
} elseif (!preg_match('/^[0-9a-z_.\/?-]+@([0-9a-z-]+\.)+[0-9a-z-]+$/', $data['email'])) {
    $error = "「メールアドレス」は正しい形式で入力してください。";
}

if (empty($contact)) {
    $contact_error = 'お問い合わせ内容を入力して下さい。';
    $success = false;
}

?>

<?php include('header.php'); ?>
<!---!/*お問い合わせフォーム*--->
<form action="confirm.php" method="post">
    <div class="Form">
        <div class="title">お問い合わせ</div>
        <p class="under"></p>
        <p class="sub">下記の項目を入力し、送信ボタンを押してください。</p>
        <div class="Form-Item">
            <p class="Form-Item-Label"><input type="submit" class="Form-Item-Label-Required" value="必須">氏名</p>
            <div class="error">
                <?php echo h($name_error); ?>
            </div>
            <input type="text" name="name" class="Form-Item-Input">
        </div>
        <div class="Form-Item">
            <p class="Form-Item-Label"><input type="submit" class="Form-Item-Label-Required" value="必須">フリガナ</p>
            <div class="error">
                <?php echo h($hurigana_error); ?>
            </div>
            <input type="text" name="hurigana" class="Form-Item-Input">
        </div>
        <div class="Form-Item">
            <p class="Form-Item-Label">電話番号</p>
            <div class="error">
                <?php echo h($tel_error); ?>
            </div>
            <input type="text" name="tel" class="Form-Item-Input">
        </div>
        <div class="Form-Item">
            <p class="Form-Item-Label"><input type="submit" class="Form-Item-Label-Required" value="必須">メールアドレス</p>
            <div class="error">
                <?php echo h($email_error); ?>
            </div>
            <input type="email" name="email" class="Form-Item-Input">
        </div>
        <div class="Form-Item">
            <p class="Form-Item-Label isMsg"><input type="submit" class="Form-Item-Label-Required" value="必須">お問い合わせ内容</p>
            <div class="error">
                <?php echo h($contact_error); ?>
            </div>
            <textarea name="contact" class="Form-Item-Input-main"></textarea>
        </div>
        <input type="submit"  class="Form-Btn" value="送信">
    </div>
    <?php include('footer.php'); ?>

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

１つのファイルにPHPバリデーションとHTMLコードを書く状態で書きたいです。
色々調べていたのですが、分からなかったためアドバイスいただけると嬉しいです。
よろしくお願いします。

退会済みユーザー

2023/02/02 03:12

ユーザー入力の検証機能を備えたフレームワークを使うことを検討するのが良いのではないですか？　勉強のため自力で実装してみたいということならともかく。フレームワークによっては 1 ～ 2 行のコードを書くだけで、JavaScript によるクライアント側での検証機能と、サーバー側での検証機能の両方を実装してくれるものがあります。

m.ts10806

2023/02/02 03:34

いつtrueになるのでしょう。

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

回答1件

ベストアンサー

そもそも変数への値投入をしていないですよね？セッションもうまく機能させてないように見えます。

PHP
1<?php
2function h($str)
3{
4    return htmlspecialchars($str, ENT_QUOTES, 'utf-8');
5}
6$name=filter_input(INPUT_POST,"name");
7$name_error ="";
8
9if (!is_null($name)){
10  if (empty($name)) {
11    $name_error = '氏名は必須項目です。';
12  } elseif (mb_strlen($name) > 10) {
13    $name_error = '10文字以内で入力して下さい。';
14    $success = false;
15  }
16}
17
18?>
19<form method="post">
20<div class="Form-Item">
21<p class="Form-Item-Label">氏名</p>
22<div class="error"><?=h($name_error)?>
23</div>
24<input type="text" name="name" class="Form-Item-Input">
25</div>
26<input type="submit"  class="Form-Btn" value="送信">
27</form>