仅在jQuery Validation插件中自定义错误消息元素的类

时间:2016-05-23 10:42:49

标签: jquery css jquery-validate

在jQuery Validate插件中,设置errorClass设置错误消息和输入元素的类。无论如何只为错误消息元素设置类?

1 个答案:

答案 0 :(得分:0)

不,插件会动态地将errorClass添加到输入和错误消息元素,并且您无法更改此行为,也无需更改它。毕竟,在创建一些针对它们的CSS属性之前,在元素上使用类没有任何作用。

因此,通过使用正确的CSS选择器,您可以轻松地单独定位这些元素。

验证邮件的默认label容器以及默认errorClass设置,即"error" ...

label.error {
    /* CSS properties targeting only the error messages */
}

select.error,
textarea.error,
input[type="text"].error,
input[type="radio"].error,
input[type="checkbox"].error {
    /* CSS properties targeting only the input elements */
}

DEMO:http://jsfiddle.net/j3te0d10/

  

无论如何只为错误消息元素设置类?

你不需要这样做。

只需在CSS中定位label.error,只有错误消息会受到影响。

label.error {
    /* CSS properties targeting only the error messages */
}

DEMO 2:http://jsfiddle.net/j3te0d10/1/