表单提交后5秒重定向至首页的实现咨询（指定PHP表单）

针对你使用的这类带验证和reCAPTCHA的PHP表单，核心思路是在表单处理完成（验证通过、邮件发送成功）的分支里，输出一个包含自动重定向逻辑的成功提示页面。下面是具体的两种可靠实现方式：

方法1：使用Meta标签（你熟悉的方式） #

找到表单的后端处理文件（通常是类似contact-form.php的脚本），定位到表单验证通过、提交成功的代码块（一般会有if ($mail_sent) { ... }或类似的判断）。把原来的成功提示内容替换成以下代码：

// 处理完表单验证、reCAPTCHA校验和邮件发送后执行这段代码
echo '<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>提交成功</title>
    <!-- 核心：5秒后重定向到首页，url值替换成你的首页实际路径 -->
    <meta http-equiv="refresh" content="5; url=/">
</head>
<body>
    <div style="text-align: center; margin-top: 100px;">
        <h2>✅ 提交成功！</h2>
        <p>感谢你的留言，页面将在5秒后自动返回首页</p>
        <p>如果没有跳转，请点击 <a href="/">这里</a> 手动返回</p>
    </div>
</body>
</html>';
exit; // 终止后续代码执行，确保只显示这个成功页面

方法2：使用JavaScript（兼容性更好） #

如果担心Meta标签在某些浏览器或环境下失效，可以用JS实现延迟跳转，替换上面的<head>和<script>部分即可：

echo '<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>提交成功</title>
    <script>
        // 5000毫秒=5秒后跳转至首页
        setTimeout(() => {
            window.location.href = "/";
        }, 5000);
    </script>
</head>
<body>
    <div style="text-align: center; margin-top: 100px;">
        <h2>✅ 提交成功！</h2>
        <p>感谢你的留言，页面将在5秒后自动返回首页</p>
        <p>如果没有跳转，请点击 <a href="/">这里</a> 手动返回</p>
    </div>
</body>
</html>';
exit;

注意事项 #

• 替换代码中的url="/"为你网站首页的实际路径（比如index.php或完整域名路径）；
• 确保在输出这个成功页面后加上exit;，避免后端脚本继续执行其他逻辑；
• 如果你的表单是AJAX异步提交的，那需要在前端的成功回调函数里添加JS延迟跳转逻辑，而不是在后端输出页面。

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