jQuery 验证成功消息未设置样式

Question

我将消息设置为红色表示错误，绿色表示成功。但消息似乎是红色的，表示成功。

验证码如下：

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

这里是 CSS 代码 sn-p:

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;
}

我的代码到底出了什么问题？

请参考this fiddle。

Answer 1

要解决重复的问题，请执行以下操作：

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

Answer 2

我认为您的标签以success 和error 两个类结尾，因此遵循the rules to determine a CSS property value，后者获胜并且您的文本为红色（假设CSS 规则的顺序与您的问题中的顺序相同） .

至于为什么两者都有：documentation 表示如果指定了success，则“显示错误标签以显示有效元素”。我不完全确定这意味着什么。您可能想要深入研究（调试标签，检查 Firebug 或开发工具中的元素，查看 source of the plugin）。

在您在 jsfiddle.net 上的演示中，唯一的问题似乎是多个成功标签。我发现another answer 指出，如果您删除“错误”类，标签不会被清除。 I removed the removeClass from your example，它似乎可以按您的意愿工作（只有一个标签，颜色还可以）。