在本文中,我们将使用 HTML 和 PHP 构建和验证一个基本的 Web 表单,并使用 PHP 完成内容的验证。
表单包含:文本字段、单选按钮、多选项选择列表、复选框和提交按钮。将使用PHP来验证这些内容,以确保用户填写了所有的值。
如果字段为空,将再字段旁边输出错误字符串“不能为空”。如果所有字段都都被填写,则显示填写的值。
网页表单
表单元素
<form method="POST" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
PHP验证
<?php
$errors = [];
$fields = ['name', 'address', 'email', 'howMany', 'favoriteFruit', 'brochure'];
$optionalFields = ['brochure'];
$values = [];
if ($_SERVER["REQUEST_METHOD"] == "POST") {
foreach ($fields as $field) {
if (empty($_POST[$field]) && !in_array($field, $optionalFields)) {
$errors[] = $field;
} else {
$values[$field] = $_POST[$field];
}
}
$errors:最初为空,用于存储验证失败的表单字段
$fields:存储所有要处理的字段名称
$optionalFields:存储可选字段名称
$values:最初为空,这是一个关联数组,将包含提供的字段及其值
在检查提交是否存在错误后,如果没有错误,代码会以相当基本的方式打印出用户提交的值:
if (empty($errors)) {
foreach ($fields as $field) {
if ($field === "favoriteFruit") {
printf("%s: %s<br />", $field, var_export($_POST[$field], TRUE));
} else {
printf("%s: %s<br />", $field, $_POST[$field]);
}
};
exit;
}
}
显示错误消息
<?php if (in_array('name', $errors)): ?>
<span class="error">姓名不能为空</span>
<?php endif; ?>
扩展表单
还可以记住用户从单选按钮所做的选择
<input type="radio" name="howMany"
<?php if (isset($howMany) && $howMany == "zero") echo "checked"; ?>
value="zero"> 0
<input type="radio" name="howMany"
<?php if (isset($howMany) && $howMany == "one") echo "checked"; ?>
value="one"> 一种
<input type="radio" name="howMany"
<?php if (isset($howMany) && $howMany == "two") echo "checked"; ?>
value="two"> 两种
<input type="radio" name="howMany"
<?php if (isset($howMany) && $howMany == "twoplus") echo "checked"; ?>
value="twoplus"> 两种以上
完整的PHP验证实例代码
<?php
$errors = [];
$fields = ['name', 'address', 'email', 'howMany', 'favoriteFruit', 'brochure'];
$optionalFields = ['brochure'];
$values = [];
if ($_SERVER["REQUEST_METHOD"] == "POST") {
foreach ($fields as $field) {
if (empty($_POST[$field]) && !in_array($field, $optionalFields)) {
$errors[] = $field;
} else {
$values[$field] = $_POST[$field];
}
}
if (empty($errors)) {
foreach ($fields as $field) {
if ($field === "favoriteFruit") {
printf("%s: %s<br />", $field, var_export($_POST[$field], TRUE));
} else {
printf("%s: %s<br />", $field, $_POST[$field]);
}
}
exit;
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>水果世界</title>
<style type="text/css">
body {
background-color: #FAFAF9;
color: #111827