最新的Web開發教程
 

PHP 5表格 - 必須填寫


本章介紹了如何使所需的輸入字段,如果需要創建錯誤消息。


PHP - 必填字段

從前面的頁面上的驗證規則表中,我們看到, "Name""E-mail""Gender"字段是必需的。 這些字段不能為空,並在HTML表格必須填寫。

領域 驗證規則
名稱 需要。 +只能包含字母和空格
電子郵件 需要。 +必須包含一個有效的電子郵件地址(with @ and .)
網站 可選的。 如果存在,它必須包含一個有效的URL
評論 可選的。 多行輸入字段(textarea)
性別 需要。 必須選擇一個

在前面的章節中,所有輸入字段都是可選的。

在下面的代碼,我們增加了一些新的變量:$ nameErr,$ emailErr,$ genderErr,和$ websiteErr。 這些錯誤的變量將保持所需的字段錯誤消息。 我們還增加了一個if else語句每個$ _ POST變量。 這用來檢查$ _POST變量是空的(with the PHP empty()函數)。 如果為空,則錯誤消息被存儲在不同的誤差變量,如果它不是空的,它通過將用戶輸入數據test_input()函數:

<?php
// define variables and set to empty values
$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>
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>
運行示例»

下一步是驗證輸入的數據,那就是"Does the Name field contain only letters and whitespace?""Does the E-mail field contain a valid e-mail address syntax?" ,如果填寫了, "Does the Website field contain a valid URL?"