Question

当你查看我的小提琴时：http://jsfiddle.net/5WMff/1311/，例如把错误的电子邮件地址，你可以看到：

Email Please enter a valid email address.
we will not send spam

第一个文字以粗体黑色显示，第二个文本以红色显示。我希望第一个出现在红色，第二个应该保持原样。我怎样才能做到这一点？我正在使用标准验证器：

$('#invoiceForm').validate({
    rules: {
        companyName: {
            minlength: 2,
            required: true
        },
        contactName: {
            minlength: 2,
            required: true
        },
        email: {
            required: true,
            email: true
        },
        address1: {
            minlength: 2,
            required: true
        }
    },
    highlight: function (element) {
        $(element).closest('.form-group').removeClass('success').addClass('has-error');
    },
    success: function (element) {
        element.addClass('valid')
            .closest('.form-group').removeClass('error').addClass('has-success');
    }
});

Answer 1

您正在向包含验证错误的.form-group添加一个类。然后有一些关键的CSS规则是导致样式更改的原因。您可以覆盖此CSS以实现您的需求。试试这个：

.has-error label.error {
    color: #a94442;
}
.has-error .help-block { 
    color: #737373;
}

Updated fiddle

如何在bootstrap中更改错误文本的颜色？

1 个答案: