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"]);
  }
}
?>

エラーメッセージを表示

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

<!DOCTYPE html>
<html>
<head>
   <title>php中文网</title>
</head>
<body>
      <form method="post" action=""> 
      名字: <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>
</body>
</html>

学び続ける