[英]Contact Form 7: How to replace the form with an HTML code after submission?
我正在开发带有WordPress
和Contact Form 7
的 web 表格。 表格工作正常。 但是,我希望将整个表格替换为感谢信息和图片。 我不想重定向到感谢页面。 我只想替换表单并留在同一页面上。 你能明白吗?
谁能指出我的解决方案?
谢谢。
您应该使用此联系表 7 文档页面中所述的 DOM 事件
对于您的示例,代码可能如下所示:
脚本.js
document.addEventListener( 'wpcf7submit', function( event ) {
let form = document.getElementsByClassName("myForm");
let thankYouMessage = document.getElementsByClassName("thankYou");
form.style.display = 'none';
thankYouMessage.style.display = 'block';
}, false );
你的 HTML 文件:
<form class="myForm">
</form>
<div class="thankYou">
<img src="" />
<h2>Thank you for your submit!</h2>
</div>
现在只需设置display:none;
对于带有thankYou
的容器,谢谢您,一切顺利!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.