Раздел ‘ÐŸÐ»Ð°Ð³Ð¸Ð½Ñ‹’:
25 jQuery плагинов Ð´Ð»Ñ Ñ€Ð°Ð±Ð¾Ñ‚Ñ‹ Ñ Ñ„Ð¾Ñ€Ð¼Ð°Ð¼Ð¸
Категории: Плагины, Полезные ÑÑылки, February 22nd, 2010
Ð”Ð»Ñ Ð¼Ð½Ð¾Ð³Ð¸Ñ… Ñайтов заполнение форм поÑетителÑми – необходимый функционал, поÑтому качеÑтву форм и удобÑтву их Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ ÑƒÐ´ÐµÐ»ÑетÑÑ Ð¾Ñобое внимание.
Контактные формы и другие интерактивные Ñлементы на Ñайте могут быть организованы Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ jQuery плагинов. ДизайнерÑкий Ñайт DesignM.AG Ñделал интереÑную подборку 25-ти полезных плагинов Ð´Ð»Ñ ÐºÐ¾Ð½ÑÑ‚Ñ€ÑƒÐ¸Ñ€Ð¾Ð²Ð°Ð½Ð¸Ñ Ð¸ модификации контактных форм.
http://designm.ag/resources/jquery-form-plugins/ –
25 jQuery Plugins for Working with Forms
ÐеÑколько примеров jQuery плагинов:
плагин Ð´Ð»Ñ Ñ€Ð°Ð·Ð¼ÐµÑ‰ÐµÐ½Ð¸Ñ Ñ‚ÐµÐºÑта внутри Ð¿Ð¾Ð»Ñ Ð²Ð²Ð¾Ð´Ð°. ТекÑÑ‚ иÑчезает, как только пользователь начинает вводить текÑÑ‚ в форму:
Плагин, позволÑющих иÑпользовать AJAX в HTML форме:
Плагин, позволÑющих проводить валидацию Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ Ñ„Ð¾Ñ€Ð¼Ñ‹ до того, как текÑÑ‚ будет отправлен (“вы ввели неправильную дату рождениє):
Плагин Ð´Ð»Ñ Ð°Ð²Ñ‚Ð¾ÑÐ¾Ñ…Ñ€Ð°Ð½ÐµÐ½Ð¸Ñ Ð´Ð°Ð½Ð½Ñ‹Ñ… в форме по мере ее заполнениÑ, таким образом уже Ð²Ð²ÐµÐ´ÐµÐ½Ð½Ð°Ñ Ð¸Ð½Ñ„Ð¾Ñ€Ð¼Ð°Ñ†Ð¸Ñ Ð½Ðµ будет потерÑна:
Плагин Ð´Ð»Ñ Ð°Ð²Ñ‚Ð¾Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ Ñ„Ð¾Ñ€Ð¼, предлагающий варианты текÑта по введенным начальным буквам (удобно Ð´Ð»Ñ Ð²Ð²ÐµÐ´ÐµÐ½Ð¸Ñ Ð½Ð°Ð·Ð²Ð°Ð½Ð¸Ñ Ð½Ð°Ñеленных пунктов, учебных заведений и Ñ‚.д.)
Плагин, добавлÑющий иконку календарика и позволÑющий выбрать нужную дату:
Плагин, позволÑющий выбрать дату в календаре:
Плагин Ñ ÑƒÐ´Ð¾Ð±Ð½Ð¾Ð¹ и оригинальной капчей (перемеÑтить чаÑÑ‹ в кружок Ñправа):