联系表格7发布到网址而不是通过ajax发布

Question

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

提前致谢...

Answer 1

如果您计划使用ajax / js来处理表单，那么表单元素中可能应该有一个空的action属性。

e.g。

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

尝试使用submit元素的onclick属性来调用关联的javascript函数来处理并通过ajax发布到“/ Cadental / #wpcf7-f14-w1-o1”。

e.g。

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

我的猜测是，在您的javascript有时间处理DOM发布到action =“/ Cadental /＃wpcf7-f14-w1-o1”并重新加载页面的表单之前。

我看到你在页面中使用了jQuery，因此使用序列化表单函数处理表单应该很容易。 http://api.jquery.com/serialize/

祝你好运！

Answer 2

最好的办法是查看其他插件甚至是您正在使用的主题，确保没有任何内容与CF7冲突，因为CF7因与您使用的其他JavaScript冲突而臭名昭着。

查看他们可能提供帮助的docs。

否则，如果表单的编辑能力不重要，我甚至建议您构建自己的表单并通过AJAX提交。

这样做有很多资源，技巧和窍门。