Главная страница   /   13. Работа с формами (Pro jQuery

Pro jQuery

Pro jQuery

Адам Фриман

13. Работа с формами

В этой главе я покажу вам, какую поддержку осуществляет jQuery для работы с HTML формами. В частности, я перечислю события, относящиеся к формам, и методы jQuery, которые вы можете использовать, чтобы управлять ими; однако большая часть этой главы посвящена плагину, который предоставляет отличный механизм для валидации значений, которые пользователь вводит в форму, прежде чем они отправятся на сервер. Если вы когда-либо писали веб приложение с формами, вы понимаете, что пользователь может вводить в форму любые виды данных, поэтому валидация является важным процессом.

Я начинаю эту главу с представления серверного скрипта Node.js, который вы будете использовать в этой части книги. В этой главе скрипт не сделает многого. Он только покажет вам значения данных, которые были введены в форму, но в дальнейших главах вы будете больше работать с Node.js. В таблице 13-1 представлено краткое содержание этой главы.

Таблица 13-1: Краткое содержание главы
Задача Решение Листинг
Установить сервер Node.js Использовать скрипт, представленный в данной главе (и включенный в исходный код, сопровождающий эту книгу) 1, 2
Отреагировать на фокус, полученный или потерянный элементом Использовать методы focus и blur 3
Отреагировать на изменения значений, которые пользователь ввел в элемент Использовать метод change 4
Отреагировать (и/или прервать) на отправку пользователем формы Использовать метод submit 5, 6
Валидировать значения в форме Использовать плагин валидации 7
Конфигурировать плагин валидации Передать объект-карту методу validate 8
Определить и применить правила валидации, используя класс Использовать методы addClassRules и addClass 9, 10, 11, 12
Применить правила валидации напрямую к элементам Использовать метод rules 13, 14
Применить правила валидации, используя имена элементов Добавить свойство rules объекту options 15
Применить правила валидации, используя атрибуты элементов Определить атрибуты, которые соответствуют отдельным проверкам валидации 16
Определить пользовательские сообщения для правил, применяемых через имена и атрибуты элементов Добавить свойство message в объект options, установленный в объект-карту, который определяет пользовательские сообщения 17, 18
Определить пользовательские сообщения для правил, применяемых напрямую к элементам Включить объект-карту, определяющего сообщения, в качестве аргумента для метода rules 19
Создать пользовательскую проверку валидации Использовать метод addMethod 20, 21
Отформатировать сообщения о валидации Использовать свойства highlight, unhighlight, errorElement и errorClass объекта options 22, 23, 24, 25, 26
Использовать результат валидации Использовать свойства errorContainer и errorLabelContainer 27

13.1. Подготовка сервера Node.js

13.2. Перечисление методов обработки событий для форм

13.3. Валидация значений форм

13.4. Резюме