我有一个简单的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,这会使背景变灰并显示成功消息。
在提交表单之前,我还需要验证表单。
我不会写你的应用程序,但我会告诉你我将如何处理它:
- 序列化数据并通过AJAX请求(使用jQuery)发送
- 成功后,使用fancybox插件显示"谢谢您联系我们"
您可以在此处获取jQuery。
Fancybox和Docs在这里。
使用AJAX和jQuery。
jQuery验证
由于你没有真正提供任何具体问题的细节,这是我能做的最好的事情。如果你花时间熟悉每个链接上的文档,我相信你会很容易做到的。根据你已经掌握的知识,剩下的就是学习Fancybox插件,它可以用1行代码调用。