позиционирование CSS-класс от JQuery Validation Plugin

Question

Я использую простую форму с JQuery Validation Plugin https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js (http://jqueryvalidation.org/documentation/)

Когда ярлыка .error класса вызывается он появится ниже поля ввода. Как я могу сделать это появляются инлайн с нормальным этикетки имя

Ссылка: i.imgur.com/KchiGeF.jpg

<label>Your Name</label> 
<input name="phone" id="phone" required type="text" size="40" > 

функции JQuery

$(document).ready(function() { 

    $('#myform').validate({ // initialize the plugin 
     rules: { 
      phone: { 
       required: true, 
       minlength:10 
      } 

     } 
    }); 

}); 

Answer 1

Прежде чем объявлять свои правила, измените элемент errorElement.

errorElement: "span" 

По умолчанию это label

$(document).ready(function() { 
    $('#myform').validate({ // initialize the plugin 
     errorElement: "span", 
     rules: { 
      phone: { 
       required: true, 
       minlength:10 
      } 
     } 
    }); 
});