ansaurus

Question

How to set up flag in wizard form to allow submit/override other function

Answer 1

+1 A:

You can set a variable on the last step to true and check against it, like this:

var okToSubmit = false;
window.onbeforeunload = function() { 
  if(!okToSubmit) return "Hitting back will cause you to lose all form data."; 
};
//set okToSubmit = true; on the last step

Without your current code I can't say exactly where to insert this, but wherever your script moves to the last step, add a okToSubmit = true; in there.

Nick Craver 2010-06-15 13:17:51

worked pretty good Nick, thank you. Is there a way to make this only apply to "submit" but still pop the alert on the last step if you hit back in the browser, refresh in the browser or another page in the nav?

Dirty Bird Design 2010-06-15 14:23:19

@Dirty - Sure! Just add a click handler to that submit button to set the variable, it'll execute before `window.onbeforeunload` does :) something like this: `document.getElementById('submitButtonID').onclick = function() { onToSubmit = true; };`

Nick Craver 2010-06-15 15:10:00

do I still leve okToSubmmit = True; in the wizard js function?

Dirty Bird Design 2010-06-15 15:54:17

@Dirty - Nope, just the submit handler...only in places you want to click and have the message/prompt disabled, wherever you set it to `true`, the message won't display again, sounds like you *only* want to do that on submit.

Nick Craver 2010-06-15 15:56:23

Nevermind, I added it separately, which is wrong. it works adding it above the if(!...)i changed "{ onToSubmit = true; }; to { okToSubmit = true; } figured it was a typo. Thanks a lot Nick, this is perfect now!

Dirty Bird Design 2010-06-15 15:57:47

How would you add jconfirm to this?<script type="text/javascript">var okToSubmit = false;window.onbeforeunload = function() { document.getElementById('Register').onclick = function() { okToSubmit = true; }; if(!okToSubmit) return "Using the browsers back button will cause you to lose all form data. Please use the Next and Back buttons on the form"; };</script>Im using jAlert plug in for alerts and would like to use jConfirm for the function above. When I add jConfirm after "return" it works...for a second. it pops the warning and then the page refreshes and the dialog box goes away.

Dirty Bird Design 2010-06-15 17:13:22

@Dirty - You couldn't really, unless you aborted the operation, and on ok for the dialog resumed/redirected manually, but that won't handle submits...that's why SO uses the default modal as well, it's a *much* less complicated endeavor.

Nick Craver 2010-06-15 17:37:36

damn browsers! thanks anyway Nick, I really appreciate your help. I can get it to pop the jConfirm dialog, but it disappears and the page refreshes OR I can get it to pop both.

Dirty Bird Design 2010-06-15 18:40:01

Not sure if your still around, seem to have messed this up. Forget the jConfirm stuff, can't be done. But now its not letting me submit w/o popping confirm messge.<script type="text/javascript">var okToSubmit = false;window.onbeforeunload = function() { document.getElementById('Register').onclick = function() { okToSubmit = true; }; if(!okToSubmit) return "Using the browsers back button will cause you to lose all form data. Please use the Next and Back buttons on the form"; };</script>anything jump out at you?

Dirty Bird Design 2010-06-16 16:36:30

ansaurus

tags:

views:

answers:

How to set up flag in wizard form to allow submit/override other function

related questions