Описание тега jquery-validate

Плагин jQuery Validate - это плагин jquery от Йорна Заефферера. Его цель - выполнить проверку формы на стороне клиента введенных пользователем данных.

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

• Главная страница плагина
• Документация
• Демо
• GitHub

Стартовый пакет фрагментов стека:

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/

Документированные параметры: https://jqueryvalidation.org/validate

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

• Как создать простое настраиваемое правило
• Как объявить правила
• Изменение сообщений об ошибках по умолчанию
• Назначить правила без использования name атрибут
• Как проверить скрытое поле
• Как использовать проверку jQuery в ASP.Net с мастер-страницами

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

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

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

• jquery