在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; }