本文旨在解决将 PHP 和 HTML 代码分离到不同文件后，如何实现表单验证并在 HTML 页面上显示错误信息的问题。通过将表单处理逻辑放在单独的 PHP 文件中，并在 HTML 文件中包含错误提示，可以实现代码的清晰分离和维护。本文将提供详细的步骤和示例代码，帮助开发者更好地组织和管理 PHP 项目。
将 PHP 和 HTML 代码分离是提高代码可维护性和可读性的重要实践。当涉及到表单处理时，我们需要确保在 HTML 文件中显示验证错误信息。以下是如何实现这一目标的步骤：
1. 创建 HTML 表单文件 (index.php)
首先，创建一个包含 HTML 表单的 index.php 文件。关键在于，表单的 action 属性应该指向处理表单数据的 PHP 文件 (例如 process.php)。 同时，需要在适当的位置预留显示错误信息的空间。
立即学习“PHP免费学习笔记（深入）”；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Fruit Survey</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<h1>The World of Fruit</h1>
<h2>Fruit Survey</h2>
<form class="wrapper" method="POST" action="process.php">
<label for="name">Name</label>
<div>
<input type="text" name="name" id="name" value="<?php echo isset($_SESSION['values']['name']) ? htmlspecialchars($_SESSION['values']['name']) : ''; ?>">
<?php if (isset($_SESSION['errors']) && in_array('name', $_SESSION['errors'])): ?>
<span class="error">Missing</span>
<?php endif; ?>
</div>
<label for="address">Address</label>
<div>
<input type="text" name="address" id="address" value="<?php echo isset($_SESSION['values']['address']) ? htmlspecialchars($_SESSION['values']['address']) : ''; ?>">
<?php if (isset($_SESSION['errors']) && in_array('address', $_SESSION['errors'])): ?>
<span class="error">Missing</span>
<?php endif; ?>
</div>
<label for="email">Email</label>
<div>
<input type="text" name="email" id="email" value="<?php echo isset($_SESSION['values']['email']) ? htmlspecialchars($_SESSION['values']['email']) : ''; ?>">
<?php if (isset($_SESSION['errors']) && in_array('email', $_SESSION['errors'])): ?>
<span class="error">Missing</span>
<?php endif; ?>
</div>
<div class="field-label">How many pieces of fruit do you eat per day?</div>
<div>
<label>
<input type="radio" name="howMany" value="zero" <?php if (isset($_SESSION['values']['howMany']) && $_SESSION['values']['howMany'] == "zero") echo "checked"; ?>> 0
</label>
<label>
<input type="radio" name="howMany" value="one" <?php if (isset($_SESSION['values']['howMany']) && $_SESSION['values']['howMany'] == "one") echo "checked"; ?>> 1
</label>
<label>
<input type="radio" name="howMany" value="two" <?php if (isset($_SESSION['values']['howMany']) && $_SESSION['values']['howMany'] == "two") echo "checked"; ?>> 2
</label>
<label>
<input type="radio" name="howMany" value="twoplus" <?php if (isset($_SESSION['values']['howMany']) && $_SESSION['values']['howMany'] == "twoplus") echo "checked"; ?>> More than 2
</label>
<?php if (isset($_SESSION['errors']) && in_array('howMany', $_SESSION['errors'])): ?>
<span class="error">Missing</span>
<?php endif; ?>
</div>
<label for="favoriteFruit">My favourite fruit</label>
<div>
<select name="favoriteFruit[]" id="favoriteFruit" size="4" multiple>
<option value="apple">Apple</option>
<option value="banana">Banana</option>
<option value="plum">Plum</option>
<option value="pomegranate">Pomegranate</option>
<option value="strawberry">Strawberry</option>
<option value="watermelon">Watermelon</option>
</select>
<?php if (isset($_SESSION['errors']) && in_array('favoriteFruit', $_SESSION['errors'])): ?>
<span class="error">Missing</span>
<?php endif; ?>
</div>
<label for="brochure">Would you like a brochure?</label>
<div>
<input type="checkbox" name="brochure" id="brochure" value="Yes" <?php if (isset($_SESSION['values']['brochure']) && $_SESSION['values']['brochure'] == "Yes") echo "checked"; ?>>
</div>
<div>
<input type="submit" name="submit" value="Submit">
</div>
</form>
</body>
</html>2. 创建 PHP 处理文件 (process.php)
创建一个 process.php 文件来处理表单数据。这个文件负责验证数据，并在验证失败时将错误信息返回给 HTML 文件。
<?php
session_start(); // 启动会话
$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)) {
// 数据验证成功，进行数据库操作或者其他处理
// 这里只是一个示例，实际应用中需要进行更严谨的验证和处理
require_once('db-connect.php'); // 包含数据库连接文件
$name = $_POST['name'];
$address = $_POST['address'];
$email = $_POST['email'];
$howMany = $_POST['howMany'];
$favoriteFruit = implode(",", $_POST['favoriteFruit']); // 将数组转换为字符串
$brochure = isset($_POST['brochure']) ? $_POST['brochure'] : 'No';
$statement = $mysqli->prepare("INSERT INTO users_data (name, address, email, howMany, favoriteFruit, brochure) VALUES(?, ?, ?, ?, ?, ?)");
$statement->bind_param('ssssss', $name, $address, $email, $howMany, $favoriteFruit, $brochure);
if ($statement->execute()) {
echo "Hello, " . $name . "!, your request has been sent!";
exit; // 成功后停止执行
} else {
echo $mysqli->error;
}
} else {
// 数据验证失败，将错误信息和用户输入存储在 session 中
$_SESSION['errors'] = $errors;
$_SESSION['values'] = $_POST;
// 重定向回表单页面
header("Location: index.php");
exit;
}
}
?>3. 使用 Session 传递错误信息
在 process.php 中，如果验证失败，将错误信息存储在 $_SESSION['errors'] 中，并将用户输入存储在 $_SESSION['values'] 中。然后使用 header("Location: index.php") 将用户重定向回 index.php。
4. 在 HTML 中显示错误信息
在 index.php 中，使用 isset($_SESSION['errors']) 检查是否存在错误信息。如果存在，则在相应的表单字段旁边显示错误信息。同时，使用 isset($_SESSION['values']['fieldName']) 来预填充表单字段，提升用户体验。
5. 清除 Session 数据
为了避免错误信息持续显示，在 index.php 的顶部，添加代码来清除 session 中的错误信息和用户输入，确保页面每次加载时都是一个干净的状态。
<?php
session_start();
if (isset($_SESSION['errors'])) {
unset($_SESSION['errors']);
}
if (isset($_SESSION['values'])) {
unset($_SESSION['values']);
}
?>6. 数据库连接 (db-connect.php)
创建一个 db-connect.php 文件，用于建立数据库连接。
<?php
$host = 'localhost';
$username = 'your_username';
$password = 'your_password';
$database = 'your_database';
$mysqli = new mysqli($host, $username, $password, $database);
if ($mysqli->connect_error) {
die('Connect Error (' . $mysqli->connect_errno . ') ' . $mysqli->connect_error);
}
?>总结与注意事项
通过遵循这些步骤，你可以成功地将 PHP 和 HTML 代码分离，同时实现表单验证并在 HTML 页面上显示错误信息。 这种方法可以提高代码的可维护性、可读性和安全性，是开发 Web 应用程序的良好实践。
以上就是分离 PHP 和 HTML 文件实现表单验证与数据处理的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
720
收藏
