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

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

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>

类别:WordPress教程

本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。

评论 (0)COMMENT

登录 账号发表你的看法,还没有账号?立即免费 注册