How to disable beforeunload action when user is submitting a form?

Question

I have this little piece of code:

<script> $(window).bind('beforeunload', function() {   $.ajax({     async: false,     type: 'POST',     url: '/something'     });   }); </script> 

I wonder, how could I disable this request when user hits the submit button.

Basically something like here, on SO. When your asking a question and decide to close the page, you get a warning window, but that doesn't happen when you're submitting the form.

Answer 1

Call unbind using the beforeunload event handler:

$('form#someForm').submit(function() {    $(window).unbind('beforeunload'); }); 

To prevent the form from being submitted, add the following line:

   return false; 

Answer 2

Use

$('form').submit(function () {     window.onbeforeunload = null; }); 

Make sure you have this before you main submit function! (if any)