Comments on: How to Use onbeforeunload with Form Submit Buttons

By: Jeremy

Jeremy — Sat, 03 Dec 2011 22:36:12 +0000

I see it took out the php code!

Where it says submitFormOkay I added a random number to the end with php.

Create the random number:
$random = rand(5, 15);

…then just echo “$random” after each “submitFormOkay” – you can do this in jquery too

By: Jeremy

Jeremy — Sat, 03 Dec 2011 19:58:52 +0000

I wanted a quick fix to the submit problem so used php:

var submitFormOkay = false;
window.onbeforeunload = function () {
if (!submitFormOkay) {
return “You are about to leave this page. You will lose any information…”;
}
}

and on the button …. onclick=”submitFormOkay = true;”/>

By: Keane Ingram

Keane Ingram — Wed, 02 Nov 2011 15:23:58 +0000

Thanks for this, it’s exactly what I needed and saved me a lot of time!

By: Martin

Martin — Wed, 25 May 2011 10:24:12 +0000

Thanks man

By: rak

rak — Fri, 06 May 2011 06:06:10 +0000

This isn’t totally correct.

Because once you click “form submit” & then try to leave page, it won’t warn u. Because “submitFormOkay” is not set to false again. I’ve been spending lot of time to solve that but still I couldn’t find anything. Any solution would help a lot!

By: kvz

kvz — Mon, 31 Jan 2011 16:58:02 +0000

Instead of using a global state variable, you could also unset the beforeunload instead:

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

By: banjer

banjer — Fri, 26 Mar 2010 02:54:05 +0000

Thanks, works great! I knew there was a simple solution to seeing whether or not a form was submitted.