表单提交重定向无法使用 Contact Form 7 WordPress 插件答案

【问题标题】：Form submit redirect not working using Contact Form 7 WordPress plugin表单提交重定向无法使用 Contact Form 7 WordPress 插件
【发布时间】：2014-07-23 20:02:02
【问题描述】：

我在我的 Wordpress 网站上使用了 Contact Form 7 插件，我发现了一种方法可以将表单从 this page 上的文档重定向到另一个 URL。

我尝试将以下代码添加到表单的附加设置字段中：

on_sent_ok: "location = 'http://example.com/';"

我通过“请求报价”按钮在页面顶部的my website 上对此进行了测试并提交。不幸的是，没有强制重定向。

为什么这个功能不起作用？我在灯箱中使用表单（这可能是原因），但是当您提交表单时我需要重定向到主页，因为它是一个“单页”网站。

请大家自行测试，反正我现在只收到测试邮件。

谢谢

【问题讨论】：

标签： javascript jquery wordpress forms contact-form-7

【解决方案1】：

<script> window.location.href = 'http://www.example.com';</script>

【讨论】：

【解决方案2】：

试试这个

on_sent_ok: setTimeout(function(){window.location.href = 'URL_TO';}, 1000);

这个对我来说很好用……加上延迟时间……1000 = 1 秒

【讨论】：

也为我工作，但延迟时间 1 秒太长了，因为我观察到一旦提交表单，人们要么关闭页面，要么在将他们带到下一页之前移动到其他选项卡。所以我的意见是减少200ms的延迟

【解决方案3】：

on_sent_ok 在最新版本中已被替换为基于事件的重定向。

参考：https://contactform7.com/redirecting-to-another-url-after-submissions/

    <script>
     document.addEventListener( 'wpcf7mailsent', function( event ) {
        location = 'http://example.com/';
     }, false );
    </script>

将 http://example.com 更改为您要重定向到的 URL。

【讨论】：

【解决方案4】：

尝试添加联系表格 7 - 成功页面重定向插件。使用非常简单，效果很好。

【讨论】：

使用此插件验证码从页面中消失。页面因此显示错误。

【解决方案5】：

on_sent_ok: "location.replace('/thank-you');"

【讨论】：

【解决方案6】：

仍然on_sent_ok: 不起作用，请在您的 js 文件中添加以下代码。

 if ($('.wpcf7-form.sent').length) {
      $(location).attr('href', 'http://www.example.com')
    }

【讨论】：

【解决方案7】：

好吧，我有一个非常简单的解决方案：

只需将其添加到联系人表单中的第一个消息字段，标题为：“# Sender's message was sent successfully”：

您的消息已成功发送。

<script>window.location.href = 'http://www.example.com';</script>

【讨论】：

@Tim 试试这个之前的代码有一些错误
我为旧版本的 Wordpress CF 插件编写了这段代码，不确定它是否适用于当前版本。