联系表单7张贴到网址，而不是通过ajx发布

Question

我在右侧使用联系表单7插件（http://www.brazendev4.com/Cadental/）。当我按提交按钮页面的帖子回到一个url并刷新，但通常它通过ajax发布和页面不刷新。任何帮助将不胜感激。

在此先感谢...

Answer 1

如果你打算使用AJAX/JS处理表单，你应该在你的表单元素一个空的action属性。

例如

<form action="" method="post" class="wpcf7-form"> 

尝试使用提交元素的onclick属性打电话给你关联的JavaScript函数来处理，后通过AJAX到 “/ Cadental /＃wpcf7-F14-W1-01”。

例如

<input type="submit" value="Submit" onclick="MyJavascriptFunction(this.form)" class="wpcf7-form-control wpcf7-submit text2"> 

我的猜测是，在你的JavaScript有时间来处理DOM被张贴到行动的形式=“/ Cadental /＃wpcf7-F14-W1-01”，并重新加载页面。

我看到你在页面中使用jQuery，所以它应该很容易使用它们的序列化表单功能来处理你的表单。 http://api.jquery.com/serialize/

祝你好运！

Answer 2

最好的事情是看看其他插件甚至是你正在使用的主题，确保没有任何东西与CF7相冲突，这与你使用的其他JavaScript相冲突。

检查出docs他们可能会提供帮助。否则，如果表单的编辑能力不重要，我甚至建议构建自己的表单并通过AJAX提交。

这里有大量的资源和技巧和提示。