PHP フォーム - 必須フィールド

PHPフォーム – 必須フィールド

この章では、フォームの必須フィールドとエラーメッセージを設定する方法を紹介します。

PHP - 必須フィールド

前の章でテーブルの検証ルールを紹介しましたが、「名前」、「電子メール」、「性別」フィールドが必須であることがわかり、各フィールドは空であることはできません。

フィールド

前の章の場合、すべての入力フィールドはオプションです。

次のコードでは、$nameErr、$emailErr、$genderErr、$websiteErr という新しい変数を追加しました。これらのエラー変数は必須フィールドに表示されます。 各 $_POST 変数に if else ステートメントも追加しました。 これらのステートメントは、$_POST 変数が空かどうかをチェックします (PHP の empty() 関数を使用)。空の場合は、対応するエラー メッセージが表示されます。 空でない場合、データは test_input() 関数に渡されます:

<?php
// 定义变量并默认设为空值
$nameErr = $emailErr = $genderErr = $websiteErr = "";
$name = $email = $gender = $comment = $website = "";
 
if ($_SERVER["REQUEST_METHOD"] == "POST") {
  if (empty($_POST["name"])) {
    $nameErr = "名字是必需的。";
  } else {
    $name = test_input($_POST["name"]);
  }
 
  if (empty($_POST["email"])) {
    $emailErr = "邮箱是必需的。";
  } else {
    $email = test_input($_POST["email"]);
  }
 
  if (empty($_POST["website"])) {
    $website = "";
  } else {
    $website = test_input($_POST["website"]);
  }
 
  if (empty($_POST["comment"])) {
    $comment = "";
  } else {
    $comment = test_input($_POST["comment"]);
  }
 
  if (empty($_POST["gender"])) {
    $genderErr = "性别是必需的。";
  } else {
    $gender = test_input($_POST["gender"]);
  }
}
?>

PHP - エラー メッセージの表示

次の HTML サンプル フォームでは、各フィールドと各スクリプトにいくつかのスクリプトを追加しています。が入ります 間違った情報を入力するとエラーメッセージが表示されます。 (ユーザーが情報を入力せずにフォームを送信した場合、エラーメッセージが出力されます):

<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
   名字: <input type="text" name="name">
   <span class="error">* <?php echo $nameErr;?></span>
   <br><br>
   E-mail: <input type="text" name="email">
   <span class="error">* <?php echo $emailErr;?></span>
   <br><br>
   网址: <input type="text" name="website">
   <span class="error"><?php echo $websiteErr;?></span>
   <br><br>
   备注: <textarea name="comment" rows="5" cols="40"></textarea>
   <br><br>
   性别:
   <input type="radio" name="gender" value="female">女
   <input type="radio" name="gender" value="male">男
   <span class="error">* <?php echo $genderErr;?></span>
   <br><br>
   <input type="submit" name="submit" value="Submit">
</form>