Contact Form 7 显示提交成功并返回当前页面URL
1.需要先为按钮指定 ID 如“submit”,如果页面有多个表单按钮,那就需要定义多个 ID <a h…
1.需要先为按钮指定 ID 如“submit”,如果页面有多个表单按钮,那就需要定义多个 ID
-
<a href="#" id="submit" onclick="document.getElementById('click').submit();return false;">
-
<div class="yuyue-NOW" id="bottomBnt"><i>开始计算</i></div>
-
</a>
2.DOM 到按钮 ID,使用 javascript 事件来跳转
-
<script type="text/javascript">
-
document.getElementById( "submit" ).addEventListener( "click", function () {
-
var url;
-
//将当前页面的URL,赋值给url变量
-
url = window.location.href;
-
alert( "提交成功" );
-
//跳转到当前页面URL
-
location = url;
-
} );
-
</script>
3.提交成功后刷新当前页面
-
<script>
-
document.addEventListener( 'wpcf7submit', function( event ) {
-
window.location.reload();
-
}, false );
-
</script>
类别:WordPress教程、
本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。
还没有任何评论,赶紧来占个楼吧!