PHP 表单必填字段验证

本节展示如何制作必填输入字段,并创建需要时所用的错误消息。


PHP - 输入字段

从上一节中的验证规则中,我们看到 "Name", "E-mail" 以及 "Gender" 字段是必需的。这些字段不能为空且必须在 HTML 表单中填写。

字段验证规则
Name必需。必须包含字母和空格。
E-mail必需。必须包含有效的电子邮件地址(包含 @ 和 .)。
Website可选。如果选填,则必须包含有效的 URL。
Comment可选。多行输入字段(文本框)。
Gender必需。必须选择一项。

在上一节中,所有输入字段都是可选的。

在下面的代码中我们增加了一些新变量:$nameErr、$emailErr、$genderErr 以及 $websiteErr。这些错误变量会保存被请求字段的错误消息。我们还为每个 $_POST 变量添加了一个 if else 语句。这条语句检查 $_POST 变量是否为空(通过 PHP empty() 函数)。如果为空,则错误消息会存储于不同的错误变量中。如果不为空,则通过 test_input() 函数发送用户输入数据:

  1. <?php
  2. // 定义变量并设置为空值
  3. $nameErr = $emailErr = $genderErr = $websiteErr = "";
  4. $name = $email = $gender = $comment = $website = "";
  5. if ($_SERVER["REQUEST_METHOD"] == "POST") {
  6. if (empty($_POST["name"])) {
  7. $nameErr = "Name is required";
  8. } else {
  9. $name = test_input($_POST["name"]);
  10. }
  11. if (empty($_POST["email"])) {
  12. $emailErr = "Email is required";
  13. } else {
  14. $email = test_input($_POST["email"]);
  15. }
  16. if (empty($_POST["website"])) {
  17. $website = "";
  18. } else {
  19. $website = test_input($_POST["website"]);
  20. }
  21. if (empty($_POST["comment"])) {
  22. $comment = "";
  23. } else {
  24. $comment = test_input($_POST["comment"]);
  25. }
  26. if (empty($_POST["gender"])) {
  27. $genderErr = "Gender is required";
  28. } else {
  29. $gender = test_input($_POST["gender"]);
  30. }
  31. }
  32. ?>

PHP - 显示错误消息

在 HTML 表单中,我们在每个被请求字段后面增加了一点脚本。如果需要,会生成恰当的错误消息(如果用户未填写必填字段就试图提交表单):

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <style>
  5. .error {color: #FF0000;}
  6. </style>
  7. </head>
  8. <body>
  9. <?php
  10. // 定义变量并设置为空值
  11. $nameErr = $emailErr = $genderErr = $websiteErr = "";
  12. $name = $email = $gender = $comment = $website = "";
  13. if ($_SERVER["REQUEST_METHOD"] == "POST") {
  14. if (empty($_POST["name"])) {
  15. $nameErr = "姓名是必填的";
  16. } else {
  17. $name = test_input($_POST["name"]);
  18. }
  19. if (empty($_POST["email"])) {
  20. $emailErr = "电邮是必填的";
  21. } else {
  22. $email = test_input($_POST["email"]);
  23. }
  24. if (empty($_POST["website"])) {
  25. $website = "";
  26. } else {
  27. $website = test_input($_POST["website"]);
  28. }
  29. if (empty($_POST["comment"])) {
  30. $comment = "";
  31. } else {
  32. $comment = test_input($_POST["comment"]);
  33. }
  34. if (empty($_POST["gender"])) {
  35. $genderErr = "性别是必选的";
  36. } else {
  37. $gender = test_input($_POST["gender"]);
  38. }
  39. }
  40. function test_input($data) {
  41. $data = trim($data);
  42. $data = stripslashes($data);
  43. $data = htmlspecialchars($data);
  44. return $data;
  45. }
  46. ?>
  47. <h2>PHP 验证实例</h2>
  48. <p><span class="error">* 必需的字段</span></p>
  49. <form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
  50. 姓名:<input type="text" name="name">
  51. <span class="error">* <?php echo $nameErr;?></span>
  52. <br><br>
  53. 电邮:<input type="text" name="email">
  54. <span class="error">* <?php echo $emailErr;?></span>
  55. <br><br>
  56. 网址:<input type="text" name="website">
  57. <span class="error"><?php echo $websiteErr;?></span>
  58. <br><br>
  59. 评论:<textarea name="comment" rows="5" cols="40"></textarea>
  60. <br><br>
  61. 性别:
  62. <input type="radio" name="gender" value="female">女性
  63. <input type="radio" name="gender" value="male">男性
  64. <span class="error">* <?php echo $genderErr;?></span>
  65. <br><br>
  66. <input type="submit" name="submit" value="提交">
  67. </form>
  68. <?php
  69. echo "<h2>您的输入:</h2>";
  70. echo $name;
  71. echo "<br>";
  72. echo $email;
  73. echo "<br>";
  74. echo $website;
  75. echo "<br>";
  76. echo $comment;
  77. echo "<br>";
  78. echo $gender;
  79. ?>
  80. </body>
  81. </html>

接下来是验证输入数据,即“Name 字段是否只包含字母和空格?”,以及“E-mail 字段是否包含有效的电子邮件地址语法?”,并且如果填写了 Website 字段,“这个字段是否包含了有效的 URL?”。

分类导航