WordPress教程

Contact Form 7 显示提交成功并返回当前页面URL

阿里云

1.需要先为按钮指定 ID 如“submit”,如果页面有多个表单按钮,那就需要定义多个 ID

  1. <a href="#" id="submit" onclick="document.getElementById('click').submit();return false;">
  2. 				<div class="yuyue-NOW" id="bottomBnt"><i>开始计算</i></div>
  3. </a>
也想出现在这里?联系我们
创客主机

2.DOM 到按钮 ID,使用 javascript 事件来跳转

  1. <script type="text/javascript">
  2. 		document.getElementById( "submit" ).addEventListener( "click", function () {
  3. 			var url;
  4. //将当前页面的URL,赋值给url变量
  5. 			url = window.location.href; 
  6. 			alert( "提交成功" );
  7. 			//跳转到当前页面URL
  8. 			location = url;
  9. 		} );
  10. </script>

3.提交成功后刷新当前页面

  1. <script>
  2.     document.addEventListener( 'wpcf7submit', function( event ) {
  3. window.location.reload();
  4.     }, false );
  5. </script>

Contact Form 7 显示提交成功并返回当前页面 URL

已有 358 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!