在没有输入必填字段的情况下,如何防止在提交联系表格7后重定向到某个URL

时间:2019-01-03 12:49:37

标签: javascript html wordpress contact-form-7

我的目标是在提交联系表7后重定向到外部URL,但前提是必须填写所有必填字段。除了所有字段均为空白之外,我每次都获得重定向。 没有输入的字段会被标记为无效,但这不会阻止重定向。

<input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit" onclick="window.location.href='https://example.com'" />

2 个答案:

答案 0 :(得分:0)

有些事件将帮助您实现方案。在您的情况下,应在发送电子邮件后立即调用事件,以便您可以使用wpcf7mailsent

在页脚处添加以下代码。

  <script type="text/javascript">

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

答案 1 :(得分:0)

以上代码正确。如果仍然发生重定向,请尝试以下操作:

.pixel-perfect {
  image-rendering: crisp-edges; /*no blur*/

  /*pixel-perfect upscaling of a 15px wide image on a 1920px wide viewport by a factor of 4x */
  width: calc(calc(100vw / calc(1920 /*viewport screen pixel width, needs to be equivalent to 100vw for it to look best*/ / 4 /*factor*/)) * 15 /*pixelart width*/) 
}