Jquery验证:如何使字段变红

Question

我正在使用jquery和jquery.validate.cs(jQuery Validation Plugin 1.8.0)来验证表单.现在它在字段旁边显示一条消息,说:"这是必填字段".

我也希望每个领域都变成红色.我该怎么做？谢谢!

Answer 1

没有任何自定义配置,您可以这样做:

select.error, textarea.error, input.error {
    color:#FF0000;
}

• 应用于无效输入的默认类是 error
• 已验证的输入的默认类是valid.

这些类也适用于错误标签,因此在编写CSS时要注意这一点.

• 使用默认类进行演示:http://jsfiddle.net/wesley_murch/j3ddP/2/

该验证插件,您可以配置这些类的名字,所以你可以做这样的事情:

$("form").validate({
   errorClass: "my-error-class",
   validClass: "my-valid-class"
});

.my-error-class {
    color:#FF0000;  /* red */
}
.my-valid-class {
    color:#00CC00; /* green */
}

• 使用自定义类进行演示:http://jsfiddle.net/wesley_murch/j3ddP/1/

可以在http://docs.jquery.com/Plugins/Validation/validate找到配置选项

Answer 2

$("#myform").validate({
   error: function(label) {
     $(this).addClass("error");
   },
});

使用errorClass参数添加.invalid类:

input.error {
    color: red;
}