正确实施弹出联系表格

时间:2016-08-28 19:59:09

标签: javascript php html css

我正在网站上工作,并且会有一个弹出窗体,用于"联系我们"链接。它并不是什么真正的花哨,我也不想使用任何库,因为我觉得自己实现起来并不困难。 我在自己的div中创建了表单,该表单位于页面中间,其中css为display:none;,直到"联系我们"单击,然后我使用快速js函数来设置display:block;这很好,并按我想要的方式工作,但我想使用php验证并提交表单,以便通过电子邮件发送消息。我的问题是因为我有

<form action="index.php" method="post"> 

提交后,页面会刷新发送的请求,我的div又返回display:none;,因此如果有错误,用户就不会收到任何反馈。我可以给我们联系并形成自己的页面,但我认为最好让用户拥有更少的页面。那么,如果没有我的弹出窗口返回display:none;验证并提交表单,最佳做法是什么?

1 个答案:

答案 0 :(得分:1)

用户最好的解决方案是使用javascript验证表单,如果有效,则使用异步JavaScript和XML(AJAX)以及正确的加载动画或进度条发送到服务器,如果一切顺利,则用好的确认消息替换表单如果没有显示错误消息。考虑寻找一些很好的库,比如jQuery及其插件来帮助你完成这项任务,你应该能够很快地完成它。

您还应该确保在禁用javascript时使用表单基本功能,并将用户重定向到包含感谢信息的页面,并尝试使用您首选的方法保护表单免受垃圾邮件程序的侵害。