如何在表单成功提交后隐藏提交按钮并显示成功消息

如何在表单成功提交后隐藏提交按钮并显示成功消息

本文介绍如何通过前端 javascript 结合 php 后端逻辑,在联系表单成功提交后立即隐藏“send”按钮,并显示自定义成功提示,避免页面跳转,提升用户体验。

要实现“提交后隐藏按钮 + 显示成功消息”,核心在于分离前端交互与后端处理:PHP 负责验证与发送邮件(或写入日志),而 JavaScript 负责响应提交结果、控制 DOM 显示状态。虽然原问题中提到当前表单会重定向(header(‘location: …’)),但为实现无刷新体验,我们推荐采用 AJAX 提交 + JSON 响应 方案——它更可控、更现代,也无需依赖 Cookie 或 Session 状态判断。

一键职达

一键职达

AI全自动批量代投简历软件,自动浏览招聘网站从海量职位中用AI匹配职位并完成投递的全自动操作,真正实现’一键职达’的便捷体验。

下载

✅ 推荐方案:AJAX + PHP JSON 响应(无跳转)

1. 修改 HTML 表单(移除 action 和 onsubmit,添加 ID 便于操作)

✅ 注意:移除了 action 和内联 onsubmit,改用 JS 统一控制;同时为按钮和提示消息添加了明确 ID。

2. 添加轻量级 JavaScript(放在

https://www.php.cn/faq/2025659.html

发表回复

Your email address will not be published. Required fields are marked *