JQuery 验证 - 输入错误类名

Question

有没有办法使用 JQueryValidation plugin设置输入CSS类错误。该 css 类与标签 css 错误类不同。

因为如果我设置: errorClass: "field-validation-error"

这将适用于标签和输入。我希望输入具有“input-validation-error”css 类，标签具有“field-validation-error”css 类。

Answer 1

我没有看到任何真正的理由支持错误元素和输入字段本身的不同类名。

只需使用 CSS 选择器

label.field-validation-error {
  ..whatever styling...
}
input.field-validation-error {
  ..whatever styling...
}

这样，两者都应用了相同的 css-class，但获得了不同的样式

<小时/>

但是，如果您确实认为需要此功能，则可以使用验证插件的 highlight 和 unhighlight 选项，并将它们与函数连接起来。然后，它们可以将所需的样式应用于元素和错误标签。在 documentation甚至是一个很好的例子，您应该可以轻松地根据您的需求进行修改