jquery validation plugin: class "error" is added to the input element

Question

I have this code:

<head>
<script>
$(document).ready(function(){   
  $('form').validate({
          rules: { 'input_name': { email: true} },
          messages: { 'input_name': "Is not an email" }          })      });   
</script> 
</head>
<body>
 <form id="clar">
 Escribe ALGO <input name='input_name' type="text" ">     
   <input type="submit" >  
</form>

If I dont insert a email addres, an error is showed, and.. the class "error" is added to the input element.

Why is added that class to the input? How to avoid it?

Regards

Javi

Codecraft · Accepted Answer · 2011-03-30 09:47:32Z

1

Clearly the plugin (which you dont link to or show any source from) is designed to add a class of 'error' to the input when it fails, probably so you can use CSS to turn it red, or bold, or whatever to highlight the problem to a user.

If you don't want it to do anything, just don't define any CSS for 'error' and nothing will happen.

answered Mar 30, 2011 at 9:47

Codecraft

8,3264 gold badges30 silver badges46 bronze badges

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

Collectives™ on Stack Overflow

jquery validation plugin: class "error" is added to the input element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related