感谢信息在联系表格 7 WordPress 网站中显示两次 [关闭]

Question

需要 Javascript 代码来防止双击时提交双重表单。 见截图。 https://www.screencast.com/t/3SQ76CMVail

<script> jQuery(document).on('click', '.wpcf7-submit', function(e){
 if( jQuery('.ajax-loader').hasClass('is-active') ) {
 e.preventDefault(); return false; } 
  });
  </script> 

Answer 1

第一条消息不应该显示，因为它只是屏幕阅读器的文本，应该被插件的 CSS 隐藏。也许不知何故缺少一些 CSS。

但是，您可以在自定义程序中的自定义 > CSS 下添加它。

.screen-reader-response {
  display: none;
}

对于第二件事，您可以参考此link 以防止来自 CF7 的重复提交。

希望这对您有所帮助。谢谢。

Answer 2

如果用户在单击表单的发送或提交按钮后没有立即看到确认消息，通常会生成多个提交。有时问题与缓慢的表单提交有关，这更多是与服务器相关的问题，不受网站开发人员的控制。对于某些网站，可以使用 JavaScript 禁用“发送”或“提交”按钮，但在使用 WordPress 插件时，这不是一个选项。除非没有其他替代方案，否则不应修改插件和 WordPress 核心代码，Contact Form 7 消息严重依赖 JQuery。

解决方案 1：

在每个 Contact Form 7 编辑器页面的“附加设置”部分中添加了一小段代码。您将在每个创建的表单的编辑器页面底部附近找到此部分。

on_sent_ok: "location = 'http://www.mywebsite.com/request-submitted/';"

创建一个包含确认消息的页面。提交表单后，用户将被重定向到此页面。

解决方案 2：

有一个插件可以限制 cf7 多次点击 (https://wordpress.org/plugins/stop-cf7-multiclick/)，请参阅常见问题部分如何使用插件？