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

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

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

На помощь приходет замечательный скрипт «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

  • Установка windows с USB флешкиУстановка windows с USB флешки Раздел: | Дата: Как известно, операционная система Windows 7 сможет работать на компьютерах с достаточно низкой производительностью. Также Windows 7 менее требовательна к […]
  • Что делаеть, если не работает Microsoft Word на YosemiteЧто делаеть, если не работает Microsoft Word на Yosemite Раздел: | Дата: Итак, если у вас не запускается Word, после обновления Mac OS до новой версии Yosemite и вылетает ошибка следующего содержания : ” В приложение Microsoft Word […]
  • Как сделать лендинг самостоятельноКак сделать лендинг самостоятельно Раздел: | Дата: Лендинг пейдж (посадочная, целевая, страница приземления или страница захвата лидов) — это веб-страница, которая идеально подходит для донесения конкретной мысли […]
  • Новые полезные функций iPhone 6Новые полезные функций iPhone 6 Раздел: | Дата: Новые функций iOS 8, которые следует знать17 сентября Apple выпустила операционную систему iOS 8 – давайте разберемся какие новые функции появились в новой […]
  • Что такое SMM-маркетинг, его достоинства и недостатки, этапы SMM-продвиженияЧто такое SMM-маркетинг, его достоинства и недостатки, этапы SMM-продвижения Раздел: | Дата: Сложно себе представить жизнь современного человека без социальных сетей. Они открывают огромные возможности для своих пользователей. Теперь нет необходимости […]
  • Как экспортировать контекстную рекламу из Яндекс Директа в xmlКак экспортировать контекстную рекламу из Яндекс Директа в xml Раздел: | Дата: Приветствую тебя дорогой читатель. В этой статье мы разбиремся – Как экспортировать контекстную рекламу из Яндекс Директа в xml.Сегодня рассмотрим пошаговую […]
  • Как скрыть фотографию на iPhone и iPad в iOS 8Как скрыть фотографию на iPhone и iPad в iOS 8 Раздел: | Дата: Наверняка у многих из нас на iPhone или iPad хранятся фотографии которые не хотелось бы демонстрировать широкой общественности, но и удалять их с устройства было […]
  • Как сбросить Mac до заводских настроекКак сбросить Mac до заводских настроек Раздел: | Дата: Приветствую тебя дорогой читатель. В этой статье мы разбиремся – Как сбросить Mac до заводских настроек.Обычно потеря всей информации с жесткого диска вызывает у […]
  • Что такое воронка продаж: примеры, этапы, построение, анализЧто такое воронка продаж: примеры, этапы, построение, анализ Раздел: | Дата: Воронка продаж — известный маркетинговый инструмент для планирования и оценки эффективности бизнеса. Это тот путь, который проделал среднестатистический […]
  • Как заказать интернет магазинКак заказать интернет магазин Раздел: | Дата: Всё чаще многие бизнесмены и предприниматели прибегают к бизнесу онлайн. Интернет магазины сейчас очень популярное направление. А заказать интернет магазин себе […]

More from my site

  • Установка windows с USB флешкиУстановка windows с USB флешки Раздел: | Дата: Как известно, операционная система Windows 7 сможет работать на компьютерах с достаточно низкой производительностью. Также Windows 7 менее требовательна к […]
  • Что делаеть, если не работает Microsoft Word на YosemiteЧто делаеть, если не работает Microsoft Word на Yosemite Раздел: | Дата: Итак, если у вас не запускается Word, после обновления Mac OS до новой версии Yosemite и вылетает ошибка следующего содержания : ” В приложение Microsoft Word […]
  • Как сделать лендинг самостоятельноКак сделать лендинг самостоятельно Раздел: | Дата: Лендинг пейдж (посадочная, целевая, страница приземления или страница захвата лидов) — это веб-страница, которая идеально подходит для донесения конкретной мысли […]
  • Новые полезные функций iPhone 6Новые полезные функций iPhone 6 Раздел: | Дата: Новые функций iOS 8, которые следует знать17 сентября Apple выпустила операционную систему iOS 8 – давайте разберемся какие новые функции появились в новой […]
  • Что такое SMM-маркетинг, его достоинства и недостатки, этапы SMM-продвиженияЧто такое SMM-маркетинг, его достоинства и недостатки, этапы SMM-продвижения Раздел: | Дата: Сложно себе представить жизнь современного человека без социальных сетей. Они открывают огромные возможности для своих пользователей. Теперь нет необходимости […]
  • Как экспортировать контекстную рекламу из Яндекс Директа в xmlКак экспортировать контекстную рекламу из Яндекс Директа в xml Раздел: | Дата: Приветствую тебя дорогой читатель. В этой статье мы разбиремся – Как экспортировать контекстную рекламу из Яндекс Директа в xml.Сегодня рассмотрим пошаговую […]
  • Как скрыть фотографию на iPhone и iPad в iOS 8Как скрыть фотографию на iPhone и iPad в iOS 8 Раздел: | Дата: Наверняка у многих из нас на iPhone или iPad хранятся фотографии которые не хотелось бы демонстрировать широкой общественности, но и удалять их с устройства было […]
  • Как сбросить Mac до заводских настроекКак сбросить Mac до заводских настроек Раздел: | Дата: Приветствую тебя дорогой читатель. В этой статье мы разбиремся – Как сбросить Mac до заводских настроек.Обычно потеря всей информации с жесткого диска вызывает у […]
  • Что такое воронка продаж: примеры, этапы, построение, анализЧто такое воронка продаж: примеры, этапы, построение, анализ Раздел: | Дата: Воронка продаж — известный маркетинговый инструмент для планирования и оценки эффективности бизнеса. Это тот путь, который проделал среднестатистический […]
  • Как заказать интернет магазинКак заказать интернет магазин Раздел: | Дата: Всё чаще многие бизнесмены и предприниматели прибегают к бизнесу онлайн. Интернет магазины сейчас очень популярное направление. А заказать интернет магазин себе […]

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

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