提交联系表单异步,并使用PHP在模式框中显示结果

时间:2012-03-27 10:34:15

标签: php jquery html ajax asynchronous

我有一个简单的联系表单,我必须异步提交,然后我必须在类似于Fancybox的模态窗口中显示结果。

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

我没有在PHP工作的经验我仍然可以设法异步提交表单数据并在div区域显示数据但我不知道如何在一个fancybox或类似的东西中显示RESULT将灰色背景和显示成功信息。

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

1 个答案:

答案 0 :(得分:1)

我不会写你的申请,但我会告诉你我是如何处理的:

  1. 序列化数据并通过AJAX请求发送(使用jQuery)。
  2. 成功时,请使用fancybox插件显示“感谢您与我们联系”。
  3. 你可以获得jQuery here

    Fancybox和文档为here

    Using AJAX and jQuery.

    jQuery validation

    由于您没有真正提供特定问题的任何细节,这是我真正能做到的最好的。如果您花时间熟悉每个链接上的文档,我相信您将能够非常轻松地解决这个问题。从你已经拥有的,唯一剩下的就是学习Fancybox插件,可以用1行代码调用。