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

【问题标题】：text error poping in jquery validation is not redjquery验证中弹出的文本错误不是红色
【发布时间】：2014-06-11 09:09:36
【问题描述】：

我的问题是，当我单击按钮时，如果出现错误，某些具有 jquery 验证的字段在文本中没有红色的外观。如果错误，生日的选择框没有红色边框。谁能帮我解决这个问题？

当前输出：http://jsfiddle.net/5kcsn/17/

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

我试过了，但颜色不一样。

.help-block {
    color:#FF0000; 
}

【问题讨论】：

红色为#a94442。尝试使用开发者工具。
为您的 OP 中的完整工作示例发布足够的代码。图片和演示都可以，但它们应该只是增加实际代码，而不是替代。
不要在同一个 div 上使用 input-group 和 form-group。在表单组内放置一个带有输入组的新 div。 jsfiddle.net/5kcsn/48

标签： javascript jquery css twitter-bootstrap-3 jquery-validate

【解决方案1】：

使用这个颜色：

.help-block {
    color: #a94442;
}

【讨论】：

【解决方案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');   
},

【讨论】：

【解决方案3】：

因为一些生成的错误消息在表单控制组类中，所以添加这个css

.help-block {
    color:#AD4E4C; 
}

DEMO

【讨论】：

【解决方案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 的工作代码

【讨论】：