更改 JQuery 验证错误上的输入类 [type=text]

Question

我正在尝试使用 JQuery .validate() 函数验证我的表单。但是验证过程有效，我不喜欢验证消息的外观：尤其是当我尝试将类添加到输入框时。

如您所见，当出现错误时，我想更改所有输入字段的类，但这仅适用于较大的文本框。这是我目前的 .validate() 函数，被剥离：

('#form0').validate({
     errorClass: "form-error",
});

我的输入字段分配了一个类、名称和 ID，是否可以使用其中任何一个将类正确添加到输入字段？如果是这样，我怎么能做到这一点，因为 errorClass 不适合我。

只是为了确保：我想将“form-error”类添加到输入字段中，以便在较大的文本框中看到红色边框

Answer 1

您应该使用errorPlacement 选项来实现您的目标

errorPlacement: function(error, element) {
            offset = element.offset();
            error.insertBefore(element)
            error.addClass('someCssClassThatYouWant');  
            error.css('position', 'absolute');
            error.css('left', offset.left + element.outerWidth());
            error.css('top', offset.top);
        }

这样使用

$("#yourElement").validate({
 //other options,
  errorPlacement: function(error, element) {

  }
});

更新

jquery validate 将 .error 类提供给无效输入，因此您可以检查

label.error { background: none; }