jQuery Validate Plugin Поведение по умолчанию

Question

Я пытаюсь разместить размещение сообщений об ошибках по умолчанию и поведение при использовании плагина jQuery Validate. Когда я устанавливаю любые свойства объекта validate(), поведение по умолчанию, похоже, изменяется.

Например. Если бы я просто украсить свой HTML вход с требуемым атрибутом здесь результаты:

HTML атрибут:

<input id="name" type="text" required/> 

После того, как я изменить свойство объекта валидации здесь является то, что я получаю:

код, я использую для редактирования:

$("[id$='emailForm']").validate({ 
    debug: true, 
    rules: { 
     txtEmail: { 
      required: true, 
      email: true 
     } 
    } 
}); 

Так что же дает. Почему меняется форматирование и размещение. Каков самый простой способ вернуть его к тому, как он себя ведет по умолчанию?

Answer 1

Ваш код:

<input id="name" type="text" required/> 

required является атрибутом проверки HTML5. И то, что вы видите на первом снимке, это только то, что делает ваш браузер, совместимый с HTML5 ... он не имеет ничего общего с плагином. Плагин ничего не делает, пока вы не вызываете метод .validate() для его инициализации.

Как только вы вызываете метод .validate(), вы инициализируете плагин Validation jQuery Validation, а затем он берет на себя. Второе изображение - это поведение плагина по умолчанию.

Демо умолчанию внешний вид плагина: http://jsfiddle.net/6UAs3/

---

Смотрите этот вопрос/ответ о том, как достичь «смотреть» вы хотите, используя плагин JQuery Validation: How to display messages from jQuery Validate plugin inside of Tooltipster tooltips?

Answer 2

Когда вы создаете объект проверки в первый раз, сохраните его в переменной и используйте его позже для запуска проверки.

var validator = $("[id$='emailForm']").validate({ 
    debug: true, 
    rules: { 
     txtEmail: { 
      required: true, 
      email: true 
     } 
    } 
}); 

// Trigger validation at later point by invoking the valid method instead of validate 
var isValid = validator.valid();