本章節我們將介紹如何設定表單必需欄位及錯誤訊息。
在上一章我們已經介紹了表格的驗證規則,我們可以看到"名字", "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"]); }}?>
在以下的HTML實例表單中,我們為每個欄位中新增了一些腳本,各個腳本會在資訊輸入錯誤時顯示錯誤訊息。 (如果使用者未填寫資料就提交表單則會輸出錯誤訊息):
<form method="post" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']);?>"> 名字: <input type="text" name="name"> <span>* <? php echo $nameErr;?></span> <br><br> E-mail: <input type="text" name="email"> <span>* <?php echo $emailErr;?></span> <br><br> 網址: <input type="text" name="website"> <span><?php echo $websiteErr;?></span> <br>< br> 備註: <textarea name="comment" rows="5" cols="40"></textarea> <br><br> 性別: <input type="radio" name="gender" value="female">女<input type="radio" name="gender" value="male">男<span>* <?php echo $genderErr;?></span> <br ><br> <input type="submit" name="submit" value="Submit"> </form>