Help in jquery validation.

Question

I am using JS fiddle for trying my hands on jquery validation. You can access the code at http://jsfiddle.net/8MmCS/3/
I am changing the background color of a control to 'red' if its validation fails. And if the data entered is validated, then the control border is changed to green.
But I need to change the border color to green , only if validation had failed previously.

Answer 1

I would suggest to simply add a class for your green-state only if the field has a validation-failed-class already.

Answer 2

You want to change your unhighlight parameter to this:

unhighlight: function(element, errorClass, validClass) {
        if($(element).hasClass('mandatory')) {
            $(element).removeClass('mandatory').addClass('success');
        }
    }

I updated your example here: http://jsfiddle.net/8MmCS/5/