javascript - 不要询问确认用户是否提交表单

Question

如果用户在未提交表单的情况下尝试重定向到另一个页面，我将使用以下 JavaScript 代码来警告他。

window.onbeforeunload = function() {
   return 'Are you sure that you want to leave this page?';
};

这工作正常。但我的问题是当用户尝试使用提交按钮提交表单时会出现确认框。如果用户提交表单，我不想询问确认，否则我想询问确认。怎么可能？

Answer 1

维护一个状态变量。当用户点击提交按钮时将状态设置为 userSubmitted=True;
状态变量可能包括全局变量或隐藏控件。

var userSubmitted=false;

$('form').submit(function() {
userSubmitted = true;
});

然后像这样检查

window.onbeforeunload = function() {
    if(!userSubmitted)
        return 'Are you sure that you want to leave this page?';
};

PS:交叉检查跨浏览器的 onbeforunload 兼容性。