Is it possible to show satisfied validation rule in different colour using jquery validation engine?

Question

I am using multiple conditions for validating a field in my form using jquery validation engine. I want to show the user if a condition is satisfied with a green background colour. currently my validation looks like this:

Now when the first condition is satisfied, The background colour of first line should turn green.But it is disappearing now. Is that possible using jquery validation engin js?

I want something like this:

Answer 1

Yes it is possible. on Success event validator engine will add "valid" class to the input. So, using valid class you can do your styling.

FIDDLE: http://jsfiddle.net/kiranvarthi/kyK4G/358/

input.valid { border: 1px solid green; background: green; }