PHP 表单 - 必填字段

本章展示了如何使输入字段成为必填项,并在需要时创建错误消息。

PHP - 必填字段

从前一页的验证规则表中,我们看到“姓名”、“电子邮件”和“性别”字段是必填项。这些字段不能为空,必须在 HTML 表单中填写。

字段 验证规则
姓名 必填。仅包含字母和空格。
电子邮件 必填。必须包含有效的电子邮件地址(带有 @ 和 .)。
网站 可选。如果存在,必须包含有效的 URL。
评论 可选。多行输入字段(textarea)。
性别 必填。必须选择一个。

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

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

// 定义变量并设置为空值
$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"]);
  }
}

PHP - 显示错误消息

然后,在 HTML 表单中,我们在每个必填字段后面添加了一小段脚本,用于在需要时生成正确的错误消息(即如果用户尝试提交表单而未填写必填字段):

实例

<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">男性
<input type="radio" name="gender" value="other">其他
<span class="error">* <?php echo $genderErr;?></span>
<br><br>
<input type="submit" name="submit" value="Submit">

</form>

运行实例

下一步是验证输入数据,即:

  • 姓名字段是否仅包含字母和空格?
  • 电子邮件字段是否包含有效的电子邮件地址语法?
  • 如果已填写,网站字段是否包含有效的 URL?