jQuery Forum

Hi!

I have some span elements with diferent error messages. They are with display:none style, and I would like to change this property to "inline" instead of showing an error message.

 

this are my rules

$().ready(function() {

 
 // validate signup form on keyup and submit
 $("#form").validate({
  rules: {
   telephone: {
    required: true,
    minlength: 9,
    maxlength: 9,
    number: true
   },
   email: {
    required: true,
    email: true
   }
      
  },
  messages: {
   telephone: {
    required: "The telephone is required",
    minlength: "The must have at least 9 digits"
   },
   email: "Please enter a valid email"
   });

});

 

my span elements looks like this:

 

<span id="telephoneerror" class="infoerror" style="display:none">The telephone is required</span>
<span id="telephonelenghterror" class="infoerror" style="display:none">The must have at least 9 digits</span>


I´m very beginner with jquery.

thanks