
本文介绍如何通过前端 javascript 结合 php 后端逻辑,在联系表单成功提交后立即隐藏“send”按钮,并显示自定义成功提示,避免页面跳转,提升用户体验。
要实现“提交后隐藏按钮 + 显示成功消息”,核心在于分离前端交互与后端处理:PHP 负责验证与发送邮件(或写入日志),而 JavaScript 负责响应提交结果、控制 DOM 显示状态。虽然原问题中提到当前表单会重定向(header('location: ...')),但为实现无刷新体验,我们推荐采用 AJAX 提交 + JSON 响应 方案——它更可控、更现代,也无需依赖 Cookie 或 Session 状态判断。
✅ 推荐方案:AJAX + PHP JSON 响应(无跳转)
1. 修改 HTML 表单(移除 action 和 onsubmit,添加 ID 便于操作)
✅ 注意:移除了 action 和内联 onsubmit,改用 JS 统一控制;同时为按钮和提示消息添加了明确 ID。










