JQuery Проверяет плагин, плагин jQuery Jörn Zaefferer. Его цель состоит в том, чтобы работать, клиентская проверка формы пользователя ввела данные.

JQuery Проверяет плагин, плагин Jörn Zaefferer. Его цель состоит в том, чтобы работать, клиентская проверка формы пользователя ввела данные.

Полезные ссылки:


Пакет начинающего отрывка стека:

HTML - Включайте сменный сценарий где-нибудь после библиотеки jQuery:
(Используйте ссылки CDN или разместите сценарии сами),

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.14.0/jquery.validate.js"></script> <form id="myform" action="post.php"> <input type="text" name="first_name" /><br/> <input type="text" name="last_name" /><br/> <input type="text" name="phone" /><br/> <input type="submit" /> </form> 
$(document).ready(function() { // <-- ensure form's HTML is ready $("#myform").validate({ // <-- initialize plugin on the form. // your rules and other options, rules: { first_name: { // <-- this is the name attribute, NOT id required: true }, last_name: { required: true }, phone: { required: true, digits: true } } }); }); 

Демонстрация jsFiddle: http://jsfiddle.net/2nhcfkLj/

Зарегистрированные опции: http://jqueryvalidation.org/validate


Полезные вопросы:

Другие типичные проблемы:

  • Все входные элементы, которые будут проверены, должны быть включены в ряде <form></form> теги. Единственные элементы, которые могут быть проверены, select, textarea, бесспорный input типы и определенные элементы, содержащие contenteditable атрибут.
  • Правила определяются входом name атрибуты, не id, при объявлении в rules опция .validate().
  • все входные элементы, которые будут проверены, должны содержать уникальное name атрибут. (Все элементы радио-или флажка в рамках единственной "группировки" могут совместно использовать то же name поскольку эту группировку считают единственной точкой данных. Однако каждая группировка должна содержать уникальное name.)
  • .validate() должен быть назван однажды в DOM, готовом инициализировать плагин. Дополнительно используйте .valid() протестировать форму на законность и получить булев результат того теста.
  • Нет никакой потребности включить .validate() в любом click или submit обработчик. Плагин автоматически получит и обработает кнопку отправки.
  • A name с определенными специальными символами должен быть включен в кавычки при объявлении в rules опция .validate().
  • Используйте submitHandler функция обратного вызова, чтобы иметь дело с успешно проверенными формами и/или отправить через ajax.
  • Используйте invalidHandler функция обратного вызова для недопустимых форм.
  • При использовании highlight или unhighlight функция обратного вызова, убедиться также включать другую. Они дополнительны и должны использоваться вместе для лучших результатов.
  • По умолчанию плагин проигнорирует любые скрытые входные элементы. Это может быть предотвращено путем установки ignore опция к ignore: [] (ничего не проигнорируйте; проверьте все).
  • Если у Вас есть несколько submit кнопки, где один (те, которые "сохраняют") должен обойти проверку, но все еще должен отправить данные формы, используют class="cancel" на кнопке.

Связанные теги