JQuery Проверяет плагин, плагин jQuery Jörn Zaefferer. Его цель состоит в том, чтобы работать, клиентская проверка формы пользователя ввела данные.
JQuery Проверяет плагин, плагин 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
Полезные вопросы:
name
атрибутДругие типичные проблемы:
<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"
на кнопке.