How to avoid validation loop?

Question

Hi, I have a form that has two checkboxes, "A" and "B" and the form that is broken into steps. If "A" is checked and "B" isn't I need to display an alert when user clicks on the next step button, stopping the form from progressing only once,. like

if ($("#A").is(":checked") && $("B").is(":not("checked")") {
  alert("foo");
});

how do I make this happen only once, that is display the alert, user clicks "OK" to close alert and is allowed to progress on through the form? Thanks

Answer 1

Your condition should be like this:

if ($("#A").is(":checked") && $("B").is(":not(':checked')") {
 alert("foo");
});

Update:

Use the jQuery's one handler.

Answer 2

var userHasBeenAlerted = false;
if ($("#A").is(":checked") && $("B").is(":not(':checked')" && !userHasBeenAlerted) {
 userHasBeenAlerted = true;
 alert("foo");
});

Although I don't really follow what you mean with 'broken into steps', page reloads etc? If that is the case set it in a more global way (like a cookie or something)