PHP 表單 – 必需欄位

本章節我們將介紹如何設定表單必需欄位及錯誤資訊。


PHP - 必需欄位

在上一章節我們已經介紹了表的驗證規則,我們可以看到"名字", "E-mail", 和 "性別" 欄位是必需的,各欄位不能為空。

欄位 驗證規則
名字 必需。 + 只能包含字母和空格
E-mail 必需。 + 必需包含一個有效的電子郵件地址(包含"@"和".")
網址 可選。 如果存在,它必需包含一個有效的URL
備註 可選。多行欄位(文字域)。
性別 必需。必需選擇一個。

如果在前面的章節中,所有輸入欄位都是可選的。

在以下程式碼中我們加入了一些新的變數: $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="https://www.itread01.com/php/female">女
   <input type="radio" name="gender" value="https://www.itread01.com/php/male">男
   <span class="error">* <?php echo $genderErr;?></span>
   <br><br>
   <input type="submit" name="submit" value="https://www.itread01.com/php/Submit"> 
</form>

檢視程式碼 ?