Alert user when they hit the browser back button - with good reason

Question

I know this borders on the taboo here, and please don\'t reply with \"you should never do this\", etc.

I have a very long form in a wizard, and some users are too used t

Answer 1

You should return a message from the onbeforeunload event, like this:

window.onbeforeunload = function() {
    return "Leaving this page will reset the wizard";
};

Note that this event will fire when the user leaves the page for any reason, even after your wizard finishes.
You should set a flag when the wizard finishes and not return a message.

Answer 2

You can use the jQuery BBQ plugin to rewrite the functionality of the next/previous buttons to make it more seemless transitioning throughout this "wizard"

http://benalman.com/projects/jquery-bbq-plugin/

Though it is a bit complex to setup, take a look at the examples provided if you're looking for the same functionality.

Chances are you'll probably have to refactor your code to accommodate, and it will take hours.