Question

I am styling the messages in red for errors and green for success. But the messages appear to be in red for success.

Here is the validation code:

debug: true,
errorElement: "em",             
success: function(label) {
    label.text("ok!").addClass("success");
},

And here is the CSS code snippet:

em.success
{
    float: none; 
    color: green; 
    padding-left: .5em; 
    font-style: italic;
    font-size: 11px;    
}

em.error 
{ 
    float: none; 
    color: red; 
    padding-left: .5em; 
    font-style: italic;
    font-size: 11px;
}

What exactly is wrong in my code?

Please refer to this fiddle.

Answer 1

To solve the duplicate OK, do this:

success: function(label)
{
    label.text("").text("ok!").addClass("success");
}