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

【问题标题】：Customizing class for element of error message only in jQuery Validation plugin仅在 jQuery Validation 插件中自定义错误消息元素的类
【发布时间】：2016-05-23 10:42:49
【问题描述】：

在 jQuery Validate 插件中，设置errorClass 设置错误消息和输入元素的类。有没有只为错误消息元素设置类？

【问题讨论】：

标签： jquery css jquery-validate

【解决方案1】：

不，插件会动态地将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 */
}

演示：http://jsfiddle.net/j3te0d10/

是否只为错误消息元素设置类？

您永远不需要这样做。

只需在您的 CSS 中定位 label.error，只会影响错误消息。

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

演示 2：http://jsfiddle.net/j3te0d10/1/

【讨论】：