Question

Please take a look at this link, then click on the bottom in the lower right corner.

What I want to happen once it displays the errors is to clear the error message of the field the error belongs to. This way the user can read what the description above and whatnot.

Basically what I want to do is to remove the error message of the required field when it is clicked. Right now that is not the case; the error message remains even if you click on the required field.

This is currently my validation code:

$(document).ready(function() {
            // validate signup form on keyup and submit
            var validator = $("#form_respond").validate({
                rules: {
                    select: "required",
                    proforma: "required",
                    date_from: "required",
                    date_to: "required" 
                }
            });

Let me know if there’s any other info you guys need to help answer my question.

I am not looking for another plugin; I just want to alter the current code to reach my goal.

Answer 1

As requested, moving this to answers from comments…

i think the “focusCleanup” option may be what you want. it sounds like this will remove the error popup when the user focuses the validated field.

http://docs.jquery.com/Plugins/Validation/validate#options