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

text error poping in jquery validation is not red

本文关键字：红色 错误 验证 文本 jquery      更新时间：2023-09-26

我的问题是，当我点击按钮的一些字段，有一个jquery验证没有一个红色的文本看如果错误。如果出现错误，生日的选择框不会有红色边框。有人能帮我解决这个问题吗?

电流输出:http://jsfiddle.net/5kcsn/17/

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

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

.help-block {
    color:#FF0000; 
}

使用这个颜色:

.help-block {
    color: #a94442;
}

这是更新的工作小提琴

Date字段是选择框，您必须显式地向其中添加一个类。检查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');   
},

因为有些生成的错误消息是在不符合控件组类的情况下添加的这个css 

.help-block {
    color:#AD4E4C; 
}
演示

更新以下代码

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

。帮助块只有当它是。has_error类的子类时才有红色。

检查工作代码

相关文章：