Is it possible to change the error class name on jQuery validate?

Question

I want to change the class that jQuery Validate applies to inputs that have an error

Change this

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

to this

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

Darin Dimitrov · Accepted Answer · 2011-05-11 14:13:26Z

33

Try specifying the errorClass property:

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

answered May 11, 2011 at 14:13

Darin Dimitrov

1.0m277 gold badges3.3k silver badges3k bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

FarFigNewton Over a year ago

Works like a champ, thanks. That is NOT on this page.

Darin Dimitrov Over a year ago

@guanome, no, but it is on this one.

Sagebrush Gardener Over a year ago

The old documentation links above no longer work. Here is an updated link for 2021: jqueryvalidation.org/validate/#errorclass

adiga · Accepted Answer · 2019-06-06 09:47:14Z

0

The one can use code as following for Custom 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>

edited Jun 6, 2019 at 9:47

adiga

35.4k9 gold badges65 silver badges88 bronze badges

answered Jun 6, 2019 at 9:34

Mandy

171 bronze badge

Collectives™ on Stack Overflow

Is it possible to change the error class name on jQuery validate?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related