Question

I’m managed to get the validation working for the “second step” and “third step”. The problem I’m having now is hiding the error message once the user makes the correct selection. So in effect the user can go back and the message is still there. How can I go about doing this?

http://jsfiddle.net/xSkgH/42/

Answer 1

Just add an else to your validation checks, e.g.

if (lower == 1000 && upper == 1000) {
    $("#errorMessage").html('Please select two values other than 1000 and 1000!');
    return false;
} else {
    $("#errorMessage").html(""); // clear error
}

• DEMO