jQuery validate是否可以更改错误类名？

Question

我想更改jQuery验证在发生错误的输入框中应用的类。 更改此内容。

<input id="firstname" name="firstname" type="text" value="" maxlength="100"
class="error">

到这个

<input id="firstname" name="firstname" type="text" value="" maxlength="100" 
class="customErrorClass">

- FarFigNewton

Answer 1

尝试指定errorClass属性：

$('.selector').validate({
    errorClass: 'customErrorClass',
    rules: { ... },
    messages: { ... }
});

- Darin Dimitrov

---

非常好用，谢谢。这个并没有在这个页面上。 - FarFigNewton

@guanome，不是的，但它在这里。 - Darin Dimitrov

上面的旧文档链接已经失效。这是2021年的更新链接：https://jqueryvalidation.org/validate/#errorclass - Sagebrush Gardener

Answer 2

可以使用以下代码来自定义 CSS：

<style>
  .myErrorCssClass {
    border: solid 1px #ff0000;
  }
</style>

<script>
  $('#form1').validate({
    errorClass: "myErrorCssClass",
    rules: {
      Name: {
        required: true,
        minlength: 3,
        maxlength: 10
      },
      LastName: {
        required: true
      }
    }
  })
</script>

- Mandy