当你检查我的小提琴: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');
}
});
您正在向包含验证错误的.form-group
添加一个类。然后是CSS规则,这些规则是导致样式变化的原因。您可以覆盖这个CSS来实现您所需要的。试试这个:
.has-error label.error {
color: #a94442;
}
.has-error .help-block {
color: #737373;
}
更新小提琴