PHP 表單驗證 - 必填字段

本節展示如何制作必填輸入字段，并創建需要時所用的錯誤消息。

PHP - 輸入字段

從上一節中的驗證規則中，我們看到 "Name", "E-mail" 以及 "Gender" 字段是必需的。這些字段不能為空且必須在 HTML 表單中填寫。

字段 驗證規則
Name 必需。必須包含字母和空格。
E-mail 必需。必須包含有效的電子郵件地址（包含 @ 和 .）。
Website 可選。如果選填，則必須包含有效的 URL。
Comment 可選。多行輸入字段（文本框）。
Gender 必需。必須選擇一項。

在上一節中，所有輸入字段都是可選的。

在下面的代碼中我們增加了一些新變量：$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 = "Name is required";
  } else {
    $name = test_input($_POST["name"]);
  }
  if (empty($_POST["email"])) {
    $emailErr = "Email is required";
  } 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 = "Gender is required";
  } else {
    $gender = test_input($_POST["gender"]);
  }
}
?>

PHP - 顯示錯誤消息

在 HTML 表單中，我們在每個被請求字段后面增加了一點腳本。如果需要，會生成恰當的錯誤消息（如果用戶未填寫必填字段就試圖提交表單）：

實例

<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
Name: <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>
Website:
<input type="text" name="website">
<span class="error"><?php echo $websiteErr;?></span>
<br><br>
<label>Comment: <textarea name="comment" rows="5" cols="40"></textarea>
<br><br>
Gender:
<input type="radio" name="gender" value="female">Female
<input type="radio" name="gender" value="male">Male
<span class="error">* <?php echo $genderErr;?></span>
<br><br>
<input type="submit" name="submit" value="Submit"> 
</form>

運行實例

接下來是驗證輸入數據，即“Name 字段是否只包含字母和空格？”，以及“E-mail 字段是否包含有效的電子郵件地址語法？”，并且如果填寫了 Website 字段，“這個字段是否包含了有效的 URL？”。