更改jQuery验证插件的错误消息样式

时间:2012-01-10 19:02:24

标签: jquery css jquery-validate

有没有办法更改jQuery验证表单插件的错误消息的颜色,字体等?

2 个答案:

答案 0 :(得分:2)

使用该插件,您还可以指定要用于错误状态的任何类。

$('.selector').validate({
    errorClass: 'newError'
});

还有highlight和unhighlight选项,允许将更复杂的样式应用于包含错误的元素,例如:

$('.selector').validate({
    highlight: function(element, errorClass) {
        $(element).fadeOut(function() {
            $(element).fadeIn();
        });
    }
});

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

答案 1 :(得分:1)

如果您使用的是bassistance.de插件,则会有一个关联的类,其中会弹出每个警告。所以你需要做的就是对这些类进行css更改。 label.warninglabel.error将成为能够更改警告样式的选择器。我能够通过在这个插件的一个演示中弹出警告来解决这个问题。