PHP教學-表單驗證 - 必填字段
本節展示如何製作必填輸入字段,並新增需要時所用的錯誤消息。
PHP - 輸入字段
PHP - 輸入字段
從上一節中的驗證規則中,我們看到 "Name", "E-mail" 以及 "Gender" 字段是必需的。這些字段不能為空且必須在 HTML 表單中填寫。
在上一節中,所有輸入字段都是可選的。
字段 | 驗證規則 |
---|---|
Name | 必需。必須包含字母和空格。 |
必需。必須包含有效的電子郵件地址(包含 @ 和 .)。 | |
Website | 可選。如果選填,則必須包含有效的 URL。 |
Comment | 可選。多行輸入字段(文本框)。 |
Gender | 必需。必須選擇一項。 |
在
下面的程式碼中我們增加了一些新變數:$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 表單中,我們在每個被請求字段後面增加了一點scripts。如果需要,會產生恰當的錯誤消息(如果用戶未填寫必填字段就試圖提交表單):
範例
範例
<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>
接下來是驗證輸入資料,即「Name 字段是否只包含字母和空格?」,以及「E-mail 字段是否包含有效的電子郵件地址語法?」,並且如果填寫了 Website 字段,「這個字段是否包含了有效的 URL?」。
完整範例
<!DOCTYPE HTML> <html> <head> <style> .error {color: #FF0000;} </style> </head> <body> <?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"]); } } function test_input($data) { $data = trim($data); $data = stripslashes($data); $data = htmlspecialchars($data); return $data; } ?> <h2>PHP 驗證範例</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> 網址:<input type="text" name="website"> <span class="error"><?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 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>
留言
張貼留言