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

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

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

На помощь приходет замечательный скрипт «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. Я уже сообщал […]
  • Любовь и секс – две половинки одного целогоЛюбовь и секс – две половинки одного целого Раздел: | Дата: Любовь и секс – две половинки одного целогоПоклонники крылатых фраз неизменно повторяют слова – характеристику идеальной женщины: «в постели распутница, а в […]
  • Путешествие в историю любовных отношенийПутешествие в историю любовных отношений Раздел: | Дата: Путешествие в историю.Проведя напряженный день на работе и сильно устав, каждый человек мечтает немного расслабиться. Некоторые представляют себе расслабление в […]
  • Прогресс не стоит на местеПрогресс не стоит на месте Раздел: | Дата: Прогресс не стоит на местеНа сегодняшний день многие люди предпочитают совершать покупки, не выходя из дома. Примером этого может быть интернет-магазин мужских […]
  • Путешествие в историю любовных отношенийПутешествие в историю любовных отношений Раздел: | Дата: Путешествие в историю.Проведя напряженный день на работе и сильно устав, каждый человек мечтает немного расслабиться. Некоторые представляют себе расслабление в […]
  • Заказать продукты на дом, купить продукты с доставкой на дом в СпбЗаказать продукты на дом, купить продукты с доставкой на дом в Спб Раздел: | Дата: Компания «Вкус доставка» предлагает услуги по офисной доставке в Санкт Петербурге.Мы доставим в Ваш офис всё — начиная от любых продуктов и заканчивая […]
  • Как быстро запомнить комбинации карт в карточной игреКак быстро запомнить комбинации карт в карточной игре Раздел: | Дата: Как быстро запомнить комбинации карт в карточной игреКогда я начинал учиться этой игре мне было сложно запомнить комбинации карт. Когда играешь не сразу можно […]
  • Заказать продукты на дом, купить продукты с доставкой на дом в СпбЗаказать продукты на дом, купить продукты с доставкой на дом в Спб Раздел: | Дата: Компания «Вкус доставка» предлагает услуги по офисной доставке в Санкт Петербурге.Мы доставим в Ваш офис всё — начиная от любых продуктов и заканчивая […]
  • Выбираем потолок на кухнюВыбираем потолок на кухню Раздел: | Дата: Выбираем потолок на кухнюК выбору отделочных материалов для любой комнаты стоит подходить основательно. Особенно это касается самого популярного места в доме – […]
  • Где купить комплект видеонаблюденияГде купить комплект видеонаблюдения Раздел: | Дата: Инфракрасное освещение для видеонаблюденияНовые инфракрасные светодиоды от компании Osram Opto Semiconductors позволяют уменьшить размер осветительных приборов […]

More from my site

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

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

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