javascript - 如果表单未提交，则运行窗口 onbeforeunload 函数

Question

当表单填满一半并且访问者尝试离开页面时，我必须运行 onbeforeunload ，但在他提交表单时不需要运行。这是我的代码。

tomato = 0; // by default

$('#my_form').submit(function(){
    tomato = 1; // should change when submitted, but its not happening
});

window.onbeforeunload = function(e) {
    if(tomato==0){
        if ($('#business_name').val()) {
            return "Are you sure want abort your listing '"+$('#business_name').val()+"'??";  // Put your custom message here 
        }
    } else {
        return false;
    }
};

我希望你们理解我的问题，请帮助。提前致谢。

Answer 1

.submit()触发提交事件，如在调用时提交表单。你想要onSubmit事件监听器。

$(document).ready(function() {
tomato=0; 
$('#my_form').on('submit',function(){
    tomato = 1; 
});
});