提交联系人表单7后显示按钮

时间：2018-12-05 作者：Michael Purvis

如果有任何帮助，我将不胜感激。我已经设置了一个联系人表单，并希望在表单提交后显示一个下载文件的按钮。这一直在显示，在填写表格之前应该隐藏。

 <div class="visible-only-if-sent"> 
  <a href="demo.ogi.co.uk/download/1323" class="button big_large_full_width center default">Download CVM10-Lite
  </a> 
 </div>
但它仍然一直显示在页面上。如果我在什么地方做错了，你能帮我一下吗？

2 个回复
SO网友:dado

您可以在提交时添加侦听器。。类似这样：

  document.addEventListener( \'wpcf7submit\', function( event ) 

{ if ( \'123\' == event.detail.contactFormId )    

  { alert( "The contact form ID is       123." ); //    do something productive } }, 

   false );

SO网友:pensebien

使用JS，您可以添加一个事件监听器，该监听器在提交CF7表单时进行监听，并添加类；“仅在发送时可见”；到DOM中的元素。

在中注册脚本function.php 主题文件夹中的文件。

作用php

wp_enqueue_script( \'js-file\', get_template_directory_uri() . \'/js/show-button.js\');
主题文件夹Theme/JS/show按钮。js公司

显示按钮。js公司

 document.addEventListener( \'wpcf7submit\', function( event ) 
       { 
         var button_clicked = document.getElementsByClassName("download-file"); 
         button_clicked.classList.add("visible-only-if-sent");
       }, 

 false );
模板文件

<div class="download-file"> 
  <a href="demo.ogi.co.uk/download/1323" class="button big_large_full_width center default">Download CVM10-Lite
  </a> 
</div>

标签： forms   plugin-contact-form-7   小码农  

相关推荐

Call another page in forms

我正在为WordPress插件做一些练习。在插件中，我正在处理一个表单，我需要的是在提交时调用另一个页面。我试过了，但似乎什么都没用。<form method = \"Post\" action = \"some_file.php\"> </form>