本文介绍如何通过前端 javascript 结合 php 后端逻辑，在联系表单成功提交后立即隐藏“send”按钮，并显示自定义成功提示，避免页面跳转，提升用户体验。
要实现“提交后隐藏按钮 + 显示成功消息”，核心在于分离前端交互与后端处理：PHP 负责验证与发送邮件（或写入日志），而 JavaScript 负责响应提交结果、控制 DOM 显示状态。虽然原问题中提到当前表单会重定向（header('location: ...')），但为实现无刷新体验，我们推荐采用 AJAX 提交 + JSON 响应 方案——它更可控、更现代，也无需依赖 Cookie 或 Session 状态判断。
✅ 推荐方案：AJAX + PHP JSON 响应（无跳转）
1. 修改 HTML 表单（移除 action 和 onsubmit，添加 ID 便于操作）
<form id="contactForm"> <input type="text" name="name" placeholder="Name" required> <input type="email" name="email" placeholder="E-mail" required> <textarea name="message" placeholder="Type Your Message" required></textarea> <button type="submit" id="submitBtn">Send</button> </form> <p id="thank-you-message" style="display: none; color: green; font-weight: bold;"> Thank you for contacting us. We will be in touch with you soon. </p>
✅ 注意：移除了 action 和内联 onsubmit，改用 JS 统一控制；同时为按钮和提示消息添加了明确 ID。
