PHP 表单 - 必填字段
本章将展示如何将输入字段设为必填,并在需要时创建错误消息。
PHP - 必填字段
从前一页的验证规则表中,我们看到“姓名”、“电子邮件”和“性别”字段是必填的。这些字段不能为空,必须在 HTML 表单中填写。
字段 | 验证规则 |
---|---|
名称 | 必填。+ 只能包含字母和空格 |
电子邮件 | 必填。+ 必须包含有效的电子邮件地址(包含 @ 和 .) |
网站 | 可选。如果存在,则必须包含有效的 URL |
注释 | 可选。多行输入字段(textarea) |
性别 | 必填。必须选择一个 |
在上一个章节中,所有输入字段都是可选的。
在接下来的代码中,我们添加了一些新的变量: $nameErr
, $emailErr
, $genderErr
, 和 $websiteErr
。这些错误变量将存储必填字段的错误消息。我们还为每个 $_POST
变量添加了一个 if else
语句。这会检查 $_POST
变量是否为空(使用 PHP 的 empty()
函数)。如果为空,错误消息将被存储在不同的错误变量中,如果不为空,则通过 test_input()
函数发送用户输入的数据。
// define variables and set to empty values
$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 表单中,我们在每个必填字段后添加了一个小程序,它会在需要时生成正确的错误消息(即,如果用户尝试在未填写必填字段的情况下提交表单)。
示例
<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>
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
<input type="radio" name="gender" value="other">Other
<span class="error">* <?php echo $genderErr;?></span>
<br><br>
<input type="submit" name="submit" value="Submit">
</form>
运行示例 »
下一步是验证输入数据,即“姓名字段是否只包含字母和空格?”、“电子邮件字段是否包含有效的电子邮件地址语法?”,以及如果填写了,“网站字段是否包含有效的 URL?”。