PHP 完整表单实例 – 来学习啦 – 编程乐园，实战驱动的编程学习平台

PHP 完整表单实例

天天向上

发布： 2025-03-19 22:06:37

原创

704 人浏览过

在 Web 开发中，表单处理是非常常见的任务。一个完整的表单通常包含多个输入字段，如文本框、邮箱、密码、单选按钮、复选框等。通过表单，用户可以向服务器提交数据，服务器可以对这些数据进行验证、处理并返回反馈。

在这个实例中，我们将展示一个包含多个字段（如姓名、邮箱、密码、年龄和性别）的表单，并进行验证和数据处理。我们将涵盖以下内容：

HTML 表单的创建。
PHP 后端验证处理。
前端和后端验证结合。

1️⃣ HTML 表单

这是一个包含姓名、邮箱、密码、年龄和性别等字段的表单示例。

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PHP 表单验证实例</title>
</head>
<body>
    <h2>注册表单</h2>
    <form action="process_form.php" method="POST">
        <label for="name">姓名:</label>
        <input type="text" id="name" name="name" required><br><br>

        <label for="email">邮箱:</label>
        <input type="email" id="email" name="email" required><br><br>

        <label for="password">密码:</label>
        <input type="password" id="password" name="password" required><br><br>

        <label for="age">年龄:</label>
        <input type="number" id="age" name="age" required><br><br>

        <label>性别:</label>
        <input type="radio" id="male" name="gender" value="male" required>
        <label for="male">男</label>
        <input type="radio" id="female" name="gender" value="female" required>
        <label for="female">女</label><br><br>

        <input type="submit" value="提交">
    </form>
</body>
</html>

字段说明：

姓名：文本框，required 表示必填。
邮箱：邮箱格式输入框，required 表示必填。
密码：密码输入框，required 表示必填。
年龄：数字输入框，required 表示必填。
性别：单选按钮，required 表示必填。

2️⃣ PHP 后端处理与验证

接下来，在 process_form.php 文件中，我们将处理表单数据并进行服务器端验证。

<?php
// 检查是否通过 POST 请求提交数据
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // 定义变量并初始化为空
    $name = $email = $password = $age = $gender = "";
    $errors = [];

    // 姓名验证
    if (empty($_POST["name"])) {
        $errors[] = "姓名是必填项！";
    } else {
        $name = test_input($_POST["name"]);
    }

    // 邮箱验证
    if (empty($_POST["email"])) {
        $errors[] = "邮箱是必填项！";
    } else {
        $email = test_input($_POST["email"]);
        if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
            $errors[] = "请输入有效的邮箱地址！";
        }
    }

    // 密码验证
    if (empty($_POST["password"])) {
        $errors[] = "密码是必填项！";
    } else {
        $password = test_input($_POST["password"]);
    }

    // 年龄验证
    if (empty($_POST["age"])) {
        $errors[] = "年龄是必填项！";
    } else {
        $age = test_input($_POST["age"]);
        if (!filter_var($age, FILTER_VALIDATE_INT)) {
            $errors[] = "请输入有效的年龄！";
        }
    }

    // 性别验证
    if (empty($_POST["gender"])) {
        $errors[] = "性别是必填项！";
    } else {
        $gender = test_input($_POST["gender"]);
    }

    // 数据清理函数
    function test_input($data) {
        $data = trim($data);             // 去掉前后空格
        $data = stripslashes($data);     // 删除反斜杠
        $data = htmlspecialchars($data); // 防止 XSS
        return $data;
    }

    // 显示验证结果
    if (empty($errors)) {
        echo "✅ 表单提交成功！<br>";
        echo "姓名: $name <br>";
        echo "邮箱: $email <br>";
        echo "密码: $password <br>";
        echo "年龄: $age <br>";
        echo "性别: $gender <br>";
    } else {
        foreach ($errors as $error) {
            echo "❌ $error <br>";
        }
    }
}
?>

代码解读：

表单数据接收：使用 $_POST 获取表单提交的数据。
数据清理：test_input() 函数用于去除用户输入的多余空格、反斜杠和 HTML 特殊字符。
验证必填字段：通过 empty() 判断字段是否为空，filter_var() 用于验证邮箱和年龄格式。
错误处理：如果有错误（如字段为空或格式不正确），将错误信息存储在 $errors 数组中，并在页面上显示。
显示提交数据：如果没有错误，显示用户提交的表单数据；如果有错误，显示具体的错误消息。

3️⃣ 完整表单流程：

用户填写表单：用户在前端表单中填写姓名、邮箱、密码、年龄和性别。
表单提交：用户点击提交按钮，表单数据通过 POST 方法提交到服务器端处理脚本 process_form.php。
服务器端验证：PHP 后端对表单数据进行验证，确保每个字段符合要求。
返回反馈：服务器返回成功消息或错误提示，告诉用户表单是否提交成功。

4️⃣ 提示和最佳实践

前端和后端验证结合使用：虽然 HTML5 提供了表单字段验证（如 required，type="email"），但仍然需要在后端进行验证，因为用户可以绕过前端验证。
密码安全性：在实际应用中，密码应使用适当的哈希算法（如 password_hash() 和 password_verify()）来加密存储，而不是明文存储。
数据清理：使用 htmlspecialchars() 等函数清理用户输入的数据，防止 XSS 攻击。
用户反馈：提供清晰且友好的错误消息，以便用户知道如何修正输入。

5️⃣ 推荐阅读：

通过这种方式，你可以创建一个完整的表单，进行有效的验证，并确保表单数据安全地传递到服务器进行处理。更多详细内容请关注其他相关文章！