PHP 表單 - 必需字段
不知道大家有沒(méi)有注意,平常我們上網(wǎng)的時(shí)候,有些網(wǎng)站是要注冊(cè)賬號(hào)的,在我們注冊(cè)賬號(hào)時(shí),是需要填寫(xiě)資料的,如果我們有重要的資料沒(méi)有填寫(xiě)的話,會(huì)有提示給我們,說(shuō)什么什么是必須要填寫(xiě)的。我們本章節(jié)就來(lái)講解表單的必需字段及錯(cuò)誤信息。
PHP - 必需字段
必須字段就是我們填寫(xiě)資料的時(shí)候,必須填寫(xiě)的,不然是沒(méi)有辦法通過(guò)的,
在上一章節(jié)我們已經(jīng)介紹了表單的驗(yàn)證規(guī)則,我們可以看到"名字", "E-mail", 和 "性別" 字段是必需的,各字段不能為空,這就是必須字段。
? ? ? ? ? ? 字段 | ? ? ? ? ?驗(yàn)證規(guī)則 |
? ? 名字 | 必須。 +只能包含字母和空格 |
必須。 + 必須是一個(gè)有效的電子郵件地址(包含'@'和'.') |
? ? 網(wǎng)址 | 可選。如果存在,它必須包含一個(gè)有效的URL |
? ? 評(píng)論 | 可選。 多行輸入字段(文本域) |
? ? 性別 | 必須。 必須選擇一個(gè) |
在上一節(jié)中,所有輸入字段都是可選的,因?yàn)槲覀儧](méi)有對(duì)它們進(jìn)行驗(yàn)證。
?在以下代碼中我們加入了一些新的變量: $nameErr, $emailErr, $genderErr, 和 $websiteErr.。這些錯(cuò)誤變量將顯示在必需字段上。 我們還為每個(gè)$_POST變量增加了一個(gè)if else語(yǔ)句。 這些語(yǔ)句將檢查 $_POST 變量是 否為空(使用php的 empty() 函數(shù))。如果為空,將顯示對(duì)應(yīng)的錯(cuò)誤信息。 如果不為空,數(shù)據(jù)將傳遞給test_input() 函數(shù):
<?php // 定義變量并默認(rèn)設(shè)為空值 $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"]); } } ?>
上面得代碼的意思就是,如果我們?cè)?名字,郵箱,性別 這三個(gè)必須字段輸入框內(nèi)什么都不寫(xiě)就提交的話,那么在頁(yè)面上就會(huì)顯示相應(yīng)的錯(cuò)誤信息,什么名字是必需的,郵箱是必需的。如果不是空白,那么就會(huì)通過(guò)驗(yàn)證,執(zhí)行else 語(yǔ)句里面的內(nèi)容。
但是上面的代碼還不能把錯(cuò)誤信息顯示出來(lái)。讓我們往下看。
PHP - 顯示錯(cuò)誤信息
在以下的HTML實(shí)例表單中,我們?yōu)槊總€(gè)字段中添加了一些腳本, 各個(gè)腳本會(huì)在信息輸入錯(cuò)誤時(shí)顯示錯(cuò)誤信息。(如果用戶未填寫(xiě)信息就提交表單則會(huì)輸出錯(cuò)誤信息):
實(shí)例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>PHP中文網(wǎng)</title> </head> <style> .error {color: #FF0000;} </style> <body> <?php // 定義變量并設(shè)置為空值 $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"]); } } function test_input($data) { $data = trim($data); $data = stripslashes($data); $data = htmlspecialchars($data); return $data; } ?> <h2>PHP 驗(yàn)證實(shí)例</h2> <p><span class="error">* 必需的字段</span></p> <form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>"> 姓名:<input type="text" name="name"> <span class="error">* <?php echo $nameErr;?></span> <br><br> 電郵:<input type="text" name="email"> <span class="error">* <?php echo $emailErr;?></span> <br><br> 網(wǎng)址:<input type="text" name="website"> <span class="error"><?php echo $websiteErr;?></span> <br><br> 評(píng)論:<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 class="error">* <?php echo $genderErr;?></span> <br><br> <input type="submit" name="submit" value="提交"> </form> <?php echo "<h2>您的輸入:</h2>"; echo $name; echo "<br>"; echo $email; echo "<br>"; echo $website; echo "<br>"; echo $comment; echo "<br>"; echo $gender; ?> </body> </html>
上面的例子如果我們?cè)趲?的幾個(gè)輸入框沒(méi)有填寫(xiě)內(nèi)容就提交的話,就會(huì)顯示下面這樣的頁(yè)面:
反正則通過(guò)。
接下來(lái)是驗(yàn)證輸入數(shù)據(jù),即“Name 字段是否只包含字母和空格?”,以及“E-mail 字段是否包含有效的電子郵件地址語(yǔ)法?”,并且如果填寫(xiě)了 Website 字段,“這個(gè)字段是否包含了有效的 URL?”。