Question

我的问题是，当我点击按钮时，某些具有jquery验证的字段在文本中没有红色外观，如果错误。如果错误，生日的选择框没有红色边框。任何人都可以帮我解决这个问题吗？

http://s38.photobucket.com/user/eloginko/media/validation_zps7b476959.png.html

我尝试了这个，但他们没有相同的颜色。

.help-block {
    color:#FF0000; 
}

Answer 1

使用这种颜色：

.help-block {
    color: #a94442;
}

Answer 2

以下是 Updated Working Fiddle

“日期”字段是选择框，您必须明确地为其添加一个类。检查select-class。

CSS：

.help-block {
    color: #a94442;
}

.select-class{
    border: solid 1px #a94442;

}

JS：

highlight: function (element) {
    $(element).closest('.form-group').addClass('has-error');
    $(element).addClass('select-class');                      

},
unhighlight: function (element) {
    $(element).closest('.form-group').removeClass('has-error');
    $(element).removeClass('select-class');   
},

Answer 3

因为某些生成的错误消息是在表单控件组类之外所以添加这个css

.help-block {
    color:#AD4E4C; 
}

DEMO

Answer 4

更新以下代码

 highlight: function (element) {
   $(element).closest('.form-group').addClass('has-error');
 },
 unhighlight: function (element) {
   $(element).closest('.form-group').removeClass('has-error');
 }

要

 highlight: function (element) {
   $(element).closest('.form-group').parent().addClass('has-error');
 },
 unhighlight: function (element) {
    $(element).closest('.form-group').parent().removeClass('has-error');
 }

.help-block只有在是.has_error类的子项时才有红色。

检查fiddle是否有工作代码

在jquery验证中弹出的文本错误不是红色的

4 个答案: