本文介绍如何通过 php 服务端逻辑配合前端控制，在联系表单成功提交后自动隐藏提交按钮，并展示“感谢留言”提示，避免重复提交且提升用户体验。
要实现“表单提交成功后隐藏提交按钮并显示成功消息”，关键在于状态感知与前后端协同控制。虽然问题中提到了 JavaScript 方案（如 onsubmit 中操作 DOM），但当前代码采用的是传统 PHP 表单提交（action="/sendmail.php"）并跳转/重定向的方式——这意味着页面会刷新，JS 的 DOM 操作（如 button.style.display = 'none'）无法跨页面持久生效。因此，推荐使用 PHP 会话（Session）机制进行状态管理，既可靠又无需依赖 JS，兼容性更强。
✅ 推荐方案：PHP Session 控制显示逻辑
步骤 1：在 sendmail.php 提交成功后设置会话标志
在邮件发送及日志写入成功后（即 empty($errors) === true 且 mail() 或 file_put_contents() 成功执行后），启动会话并设置标识：
// sendmail.php 末尾（确保在任何输出前）
if (empty($errors) === true) {
// ... 邮件发送 & 日志写入逻辑 ...
// ✅ 提交成功：设置会话标志
session_start();
$_SESSION['form_submitted'] = true;
// 可选：跳转回原页或感谢页（保持 URL 干净）
header('Location: /contact.php');
exit;
}⚠️ 注意：session_start() 必须在任何 HTML 输出或 header() 调用之前执行；若已开启会话，请勿重复调用。
步骤 2：在表单页面（如 contact.php）动态控制 UI
修改你的表单页面，根据会话状态决定是否渲染表单按钮和感谢消息：
<?php session_start(); ?>
<!DOCTYPE html>
<html>
<head>
<style>
#thank-you-message { display: none; color: #28a745; font-weight: bold; }
.show { display: block; }
</style>
</head>
<body>
<!-- ✅ 仅当未提交时显示完整表单 -->
<?php if (!isset($_SESSION['form_submitted']) || $_SESSION['form_submitted'] !== true): ?>
<form action="/sendmail.php" method="post" onsubmit="return checkform(this);">
<input type="text" name="name" placeholder="Name" required><br>
<input type="email" name="email" placeholder="E-mail" required><br>
<textarea name="message" cols="30" rows="10" placeholder="Type Your Message" required></textarea>
<button type="submit">Send</button>
</form>
<?php else: ?>
<!-- ✅ 提交成功：隐藏表单按钮，显示感谢消息 -->
<p id="thank-you-message" class="show">Thank you for contacting us. We will be in touch with you soon.</p>
<?php
// ✅ 可选：清除会话，避免用户刷新后仍显示感谢页
unset($_SESSION['form_submitted']);
// session_destroy(); // 如需彻底清空会话（谨慎使用）
?>
<?php endif; ?>
</body>
</html>✅ 为什么不用 Cookie 或纯 JS？
- Cookie 易被禁用或清理，安全性与可靠性低于 Session；
- 纯前端 JS（如 onsubmit 中 button.style.display='none'） 在表单提交后页面跳转即失效，无法保证用户看到成功状态；
- Session 由服务器维护、与用户绑定、不易篡改，是 Web 表单反馈的标准实践。
? 进阶建议（可选）
- 若需保留表单字段（如防止刷新丢失输入），可在 Session 中暂存 $_POST 数据，并在未提交状态下回填 htmlspecialchars($_SESSION['saved_name'] ?? '') ?>">；
- 使用 AJAX 提交可实现无刷新体验（需重写 JS + JSON 接口），但会增加复杂度，对本需求非必需；
- 建议为 .show 类添加 CSS 过渡动画（如 opacity: 0 → 1），提升视觉反馈。
通过以上 Session 驱动的逻辑，你不仅能精准控制按钮显隐与消息展示，还能从根本上防止重复提交，兼顾健壮性与用户体验。
