Dont ask confirm if user submit the form

Question

I am using following JavaScript code to warn a user if he tries to redirect to another page without submitting the form.

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

This is working fine.But my problem is when user trying to submit the form using submit button confirm box will be appear. I don't want to ask the confirm if user submitting the form,otherwise I want to ask confirm. How is it possible?

Answer 1

maintain a state variable. when user click submit button set state to userSubmitted=True;
state variable may include a global variable or hidden control.

var userSubmitted=false;

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

then check like this

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

PS : cross check for onbeforunload compatibility for cross browser.

Answer 2

Simple.

Just have a global variable

var can_leave = false;

on your form:

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

And inside your onbeforeunload() handler have this:

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