异步提交Contact表单,并使用PHP在类似Modal的花式框中显示Result


Submit Contact form asynchronous and show Result in a Modal like fancy box using PHP

我有一个简单的Contact表单,我必须异步提交它,然后我必须在更像Fancybox的类似Modal的窗口中显示结果。

<form name='contactForm'>
    <input type="text"  name="Fname" />
     <input type="text"  name="Lname" />
    <input type="submit" value="Send" />
</form> 

我没有使用PHP的经验,但我可以异步提交表单数据并在div区域显示数据,但我不确定如何在fancybox或类似的东西中显示RESULT,这会使背景变灰并显示成功消息。

在提交表单之前,我还需要验证表单。

我不会写你的应用程序,但我会告诉你我将如何处理它:

  1. 序列化数据并通过AJAX请求(使用jQuery)发送
  2. 成功后,使用fancybox插件显示"谢谢您联系我们"

您可以在此处获取jQuery。

Fancybox和Docs在这里。

使用AJAX和jQuery。

jQuery验证

由于你没有真正提供任何具体问题的细节,这是我能做的最好的事情。如果你花时间熟悉每个链接上的文档,我相信你会很容易做到的。根据你已经掌握的知识,剩下的就是学习Fancybox插件,它可以用1行代码调用。