PHP表單-必需欄位

晚來風急發表於2017-07-03
PHP

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

PHP – 必需欄位

在上一章節我們已經介紹了表的驗證規則，我們可以看到”Name”, “E-mail”, 和 “Gender” 欄位是必須的，各欄位不能為空。

欄位 驗證規則
Name 必需。 + 只能包含字母和空格
E-mail 必需。 + 必需包含一個有效的電子郵件地址（包含”@”和”.”）
Website 可選。 如果存在，它必須包含一個有效的URL
Comment 可選。多行欄位（文字域）。
Gender 必需。 Must select one

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

在以下程式碼中我們加入了一些新的變數: $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>

執行例項 »

最新內容請見作者的GitHub頁：http://qaseven.github.io/


相關文章