Юзабильные формы обратной связи

Раздел: | Дата:

Наверное перед каждым веб-мастером вставал вопрос, как заставить пользователя вводить информацию (номер телефона, дату и т.д.) в нужном формате, но заставлять пользователя совершенно не нужно — пусть за пользователя основную работу делает ПО.

На помощь приходет замечательный скрипт «Masked Input Plugin», который позволит назначить для каждого поля маску, по которой данные будут заполнятся в полях.

Для начала нам понадобится скрипт «Masked Input Plugin» написанный на jQuery, его размер  2.8 килобайта, содержит всего два файла: jquery.maskedinput.js и jquery.maskedinput.min.js

Первым делом подключаем упамянутые выше два файла, для этого в head прописываем следующий код:

Обратите внимание в src=”js/jquery.maskedinput.js” нужно указать актуальный для вашего сайта путь к файлу jquery.maskedinput.js

Теперь для использования скрипта перед формой нужно вставить следующий код:

Этот скрипт будет добавлять узнанную маску для форм с id: date, phone, tin, ssn.

Теперь о масках символов:

  • a — Все алфавитные значения (A-Z,a-z)
  • 9 — Все цифровые значения (0-9)
  • * — Любые алфавитно-цифровые значения (A-Z,a-z,0-9)

Вкратце это все, если вам нужна более подробная информация вы можете найти ее на сайте автора этого  скрипта «Masked Input Plugin».

More from my site

  • HTMLHTML Раздел: | Дата: HTMLАтрибут password тега inputНа этом занятии мы будем учиться создавать форму для ввода пароля. Для ее создания мы будем использовать тег input. Я уже сообщал […]
  • Ренат Бесолов рассказал про норвежский экспорт морепродуктовРенат Бесолов рассказал про норвежский экспорт морепродуктов Раздел: | Дата: Ренат Бесолов рассказал про норвежский экспорт морепродуктов Ренат Бесолов - это известный блогер-моряк, который приобрел свою популярность за счет свой морской […]
  • Самодельные окна.  Конструкции самодельных оконСамодельные окна. Конструкции самодельных окон Раздел: | Дата: Самодельные окнаКонструкции самодельных оконУ самодельных окон есть огромное преимущество. Конструкцию и форму самодельного окна можно заказать у индивидуального […]
  • Инструменты электронного мираИнструменты электронного мира Раздел: | Дата: Очень классный инструмент – виртуальные закладки TopPage!В каждом браузере есть экспресс панель, где-то с большим количеством доступных страниц, где-то с меньшим. […]
  • Выбираем потолок на кухнюВыбираем потолок на кухню Раздел: | Дата: Выбираем потолок на кухнюК выбору отделочных материалов для любой комнаты стоит подходить основательно. Особенно это касается самого популярного места в доме – […]
  • Импотенция в мифахИмпотенция в мифах Раздел: | Дата: Импотенция в мифахСамое страшное, что может случиться с мужчинами, по их мнению, — это импотенция. Особенно это касается мужчин «в возрасте». Многие с тревогой […]
  • Импотенция в мифахИмпотенция в мифах Раздел: | Дата: Импотенция в мифахСамое страшное, что может случиться с мужчинами, по их мнению, — это импотенция. Особенно это касается мужчин «в возрасте». Многие с тревогой […]
  • Преимущества создания англоязычной версии сайтаПреимущества создания англоязычной версии сайта Раздел: | Дата: Английский язык - самый популярный язык в мире по количеству носителей языка. Это объясняет решения, принимаемые все большим количеством компаний, переводить свои […]
  • Любовь и секс – две половинки одного целогоЛюбовь и секс – две половинки одного целого Раздел: | Дата: Любовь и секс – две половинки одного целогоПоклонники крылатых фраз неизменно повторяют слова – характеристику идеальной женщины: «в постели распутница, а в […]
  • Белое SEO продвижение сайтов в МосквеБелое SEO продвижение сайтов в Москве Раздел: | Дата: О белых, серых и черных методах продвижения говорят много: черные методы – те, что запрещены по лицензии поисковых систем, серые – собственно то, что не […]

More from my site

  • HTMLHTML Раздел: | Дата: HTMLАтрибут password тега inputНа этом занятии мы будем учиться создавать форму для ввода пароля. Для ее создания мы будем использовать тег input. Я уже сообщал […]
  • Ренат Бесолов рассказал про норвежский экспорт морепродуктовРенат Бесолов рассказал про норвежский экспорт морепродуктов Раздел: | Дата: Ренат Бесолов рассказал про норвежский экспорт морепродуктов Ренат Бесолов - это известный блогер-моряк, который приобрел свою популярность за счет свой морской […]
  • Самодельные окна.  Конструкции самодельных оконСамодельные окна. Конструкции самодельных окон Раздел: | Дата: Самодельные окнаКонструкции самодельных оконУ самодельных окон есть огромное преимущество. Конструкцию и форму самодельного окна можно заказать у индивидуального […]
  • Инструменты электронного мираИнструменты электронного мира Раздел: | Дата: Очень классный инструмент – виртуальные закладки TopPage!В каждом браузере есть экспресс панель, где-то с большим количеством доступных страниц, где-то с меньшим. […]
  • Выбираем потолок на кухнюВыбираем потолок на кухню Раздел: | Дата: Выбираем потолок на кухнюК выбору отделочных материалов для любой комнаты стоит подходить основательно. Особенно это касается самого популярного места в доме – […]
  • Импотенция в мифахИмпотенция в мифах Раздел: | Дата: Импотенция в мифахСамое страшное, что может случиться с мужчинами, по их мнению, — это импотенция. Особенно это касается мужчин «в возрасте». Многие с тревогой […]
  • Импотенция в мифахИмпотенция в мифах Раздел: | Дата: Импотенция в мифахСамое страшное, что может случиться с мужчинами, по их мнению, — это импотенция. Особенно это касается мужчин «в возрасте». Многие с тревогой […]
  • Преимущества создания англоязычной версии сайтаПреимущества создания англоязычной версии сайта Раздел: | Дата: Английский язык - самый популярный язык в мире по количеству носителей языка. Это объясняет решения, принимаемые все большим количеством компаний, переводить свои […]
  • Любовь и секс – две половинки одного целогоЛюбовь и секс – две половинки одного целого Раздел: | Дата: Любовь и секс – две половинки одного целогоПоклонники крылатых фраз неизменно повторяют слова – характеристику идеальной женщины: «в постели распутница, а в […]
  • Белое SEO продвижение сайтов в МосквеБелое SEO продвижение сайтов в Москве Раздел: | Дата: О белых, серых и черных методах продвижения говорят много: черные методы – те, что запрещены по лицензии поисковых систем, серые – собственно то, что не […]

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *