PHP自提交表单验证问题：表单无法提交求助

嘿，我帮你找到了表单提交失败的核心原因，还有几个可以优化的地方，咱们一步步来解决：

1. 最关键的问题：表单元素name属性错误 #

你的表单里有两个致命的属性错误，直接导致PHP拿不到用户输入的内容，所以错误验证一直触发，根本进不了提交流程：

• 邮箱输入框写的是 email="email"，正确的应该是 name="email" —— PHP是通过name属性来识别表单字段的，没有这个属性，$_POST["email"]永远是空值
• 文本域写的是 message="message"，正确的应该是 name="message" —— 同理，这个错误让$_POST["message"]也拿不到值

2. 错误处理逻辑的优化（可选但体验更好） #

你现在用一个全局的$error变量给所有字段加错误类，不管哪个字段错了，所有输入框都会变红，体验不太好。可以改成针对单个字段的错误标记，比如：

// 初始化每个字段的错误状态
$errors = [
    'name' => '',
    'email' => '',
    'message' => ''
];
$hasError = false;

// 验证姓名时，只给姓名字段加错误类
if (empty($_POST["name"])) {
    $errors['name'] = 'class="error"';
    $hasError = true;
}

然后在对应的表单元素里输出：<input <?php echo $errors['name']; ?> type="text" name="name" ...>

3. 邮件发送的细节问题 #

你的邮件内容用了<br />换行，但没有告诉邮件客户端这是HTML格式，导致收件人会看到原始的HTML标签。需要在headers里加上Content-Type：

$headers = "Reply-To: $email\r\n";
$headers .= "Content-Type: text/html; charset=UTF-8\r\n";

另外，执行header()跳转后一定要加exit();，不然PHP可能会继续执行后面的代码，导致跳转失效。

修复后的完整代码 #

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Email</title>
    <style>
        /* 这里放你的错误样式，比如红色边框 */
        .error {
            border: 1px solid #dc3545;
        }
    </style>
</head>
<body>
<?php
$errors = [
    'name' => '',
    'email' => '',
    'message' => ''
];
$to = "name@example.com";
$hasError = false;

if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $pattern = '/[\r\n]|Content-Type:|Bcc:|Cc:/i';
    
    // 验证姓名
    if (empty($_POST["name"])) {
        $errors['name'] = 'class="error"';
        $hasError = true;
    } else {
        $name = stripslashes(trim($_POST["name"]));
        if (preg_match($pattern, $name)) {
            $errors['name'] = 'class="error"';
            $hasError = true;
        }
    }

    // 验证邮箱
    if (empty($_POST["email"])) {
        $errors['email'] = 'class="error"';
        $hasError = true;
    } else {
        $email = stripslashes(trim($_POST["email"]));
        $emailIsValid = filter_var($email, FILTER_VALIDATE_EMAIL);
        if (!$emailIsValid || preg_match($pattern, $email)) {
            $errors['email'] = 'class="error"';
            $hasError = true;
        }
    }

    // 验证消息内容
    if (empty($_POST["message"])) {
        $errors['message'] = 'class="error"';
        $hasError = true;
    } else {
        $message = stripslashes(trim($_POST["message"]));
    }

    // 没有错误就发送邮件
    if (!$hasError) {
        $subject = "From $name";
        $body = "Name: $name <br /> Email: $email <br /> Message: $message";
        $headers = "Reply-To: $email\r\n";
        $headers .= "Content-Type: text/html; charset=UTF-8\r\n";
        
        $success = mail($to, $subject, $body, $headers);
        if ($success) {
            header("Location: /email/sent/");
            exit(); // 必须加，防止后续代码执行
        } else {
            header("Location: /error/");
            exit();
        }
    }
}
?>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["REQUEST_URI"]); ?>">
    <input <?php echo $errors['name']; ?> type="text" name="name" placeholder="Full Name" spellcheck="false">
    <input <?php echo $errors['email']; ?> type="email" name="email" placeholder="Email Address" spellcheck="false">
    <textarea <?php echo $errors['message']; ?> name="message" placeholder="Message" rows="6" spellcheck="false"></textarea>
    <button type="submit" name="submitted">submit</button>
</form>
</body>
</html>

额外小提示 #

• 邮箱输入框用type="email"，浏览器会自动做基础的格式验证，减轻后端压力
• 可以给每个字段加错误提示文本，比如在输入框下方显示“请填写姓名”这样的提示，用户体验更好
• 生产环境中，PHP自带的mail()函数可靠性不高，建议用PHPMailer或者SwiftMailer这类第三方邮件库，能处理更多边缘情况

内容的提问来源于stack exchange，提问作者Shawn