防止表单提交后退出弹出窗口加载

Question

我的目标是弹出一个退出窗口，如果有人尝试关闭当前选项卡或浏览器，则会触发window.onbeforeunload。但是，当他们完成一个注册表单以选择加入我的电子邮件列表并重定向到我的“谢谢页面URL”后，我不希望弹出该退出窗口。我正在使用页面构建器，因此代码不是我自己编写的。

这是我正在使用的以下脚本：

 window.onbeforeunload = function(e) {
 return 'Are you sure you want to leave this page?  You will lose any unsaved data.';
    };
</script>

关于我的表单，因为在用户输入名称并单击提交后，他们将重定向到URL，并且一旦重定向开始，就会触发退出弹出窗口。我只希望弹出窗口显示他们是否尝试退出，然后在执行该操作后将其禁用。

我注意到带有href =“ submit-form”的a class标记。如果有帮助，我的表单也包含在form target标记中。

我如何实现在HTML注册表单中重定向到新页面后，禁用退出弹出窗口的脚本？

谢谢您的见解。

Answer 1

如果提交表单，则可以使用if-else语句并将事件设置为null来实现。这是一个例子

`

window.onbeforeunload = function(e) {
e.preventDefault()
if($('form').submit(){
    return null;
}
else{
return 'Are you sure you want to leave this page?  You will lose any unsaved data.';
}
}

`

PS：我没有测试过，但是应该可以工作