Работа с формами
В этой главе я покажу вам, какую поддержку осуществляет 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 |
Перечисление методов обработки событий для форм
