PHP 表單 - 必填欄位
本章將展示如何將輸入欄位設為必填,並在需要時建立錯誤訊息。
PHP - 必填欄位
從前一頁的驗證規則表中,我們看到“姓名”、“電子郵件”和“性別”欄位是必填的。這些欄位不能為空,必須在 HTML 表單中填寫。
欄位 | 驗證規則 |
---|---|
名稱 | 必填。+ 只能包含字母和空格 |
電子郵件 | 必填。+ 必須包含有效的電子郵件地址(包含 @ 和 .) |
網站 | 可選。如果存在,則必須包含有效的 URL |
註釋 | 可選。多行輸入欄位(textarea) |
性別 | 必填。必須選擇一個 |
在上一個章節中,所有輸入欄位都是可選的。
在接下來的程式碼中,我們添加了一些新的變數: $nameErr
, $emailErr
, $genderErr
, 和 $websiteErr
。這些錯誤變數將儲存必填欄位的錯誤訊息。我們還為每個 $_POST
變數添加了一個 if else
語句。這會檢查 $_POST
變數是否為空(使用 PHP 的 empty()
函式)。如果為空,錯誤訊息將被儲存在不同的錯誤變數中,如果不為空,則透過 test_input()
函式傳送使用者輸入的資料。
// 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
<input type="radio" name="gender" value="other">Other
<span class="error">* <?php echo $genderErr;?></span>
<br><br>
<input type="submit" name="submit" value="Submit">
</form>
執行示例 »
下一步是驗證輸入資料,即“姓名欄位是否只包含字母和空格?”、“電子郵件欄位是否包含有效的電子郵件地址語法?”,以及如果填寫了,“網站欄位是否包含有效的 URL?”。