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

时间:2019-10-29 22:24:46

标签: javascript html window onbeforeunload function-expression

我的目的是弹出弹出窗口,如果有人尝试关闭当前选项卡或浏览器,则会触发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”的 class 标签。如果出现以下情况,我的表单也包含在 form target 标签中:会有所帮助。

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

谢谢您的见解。

1 个答案:

答案 0 :(得分:0)

如果要提交表单,可以使用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:我尚未对其进行测试,但它应该可以工作

相关问题