WEB ДИЗАЙН

Креативные решения, совремеенные тенденции, творческий подход.

СОЗДАНИЕ САЙТОВ

Креативные решения, совремеенные тенденции, творческий подход.

ИНТЕРНЕТ МАГАЗИН

Креативные решения, совремеенные тенденции, творческий подход.

ПРОДВИЖЕНИЕ САЙТОВ

Креативные решения, совремеенные тенденции, творческий подход.

САЙТ-ВИЗИТКА

Креативные решения, совремеенные тенденции, творческий подход.

ИНТЕРНЕТ МАРКЕТИНГ

Креативные решения, совремеенные тенденции, творческий подход.

РАСКРУТКА ВКОНТАКТЕ

Креативные решения, совремеенные тенденции, творческий подход.

ЗАКАЗАТЬ ВИДЕОКЛИП

Креативные решения, совремеенные тенденции, творческий подход.

ЗАКАЗАТЬ АУДИО РОЛИК

Креативные решения, совремеенные тенденции, творческий подход.

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


Раздел: Статьи | Дата: 11-04-2020, 20:07



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


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

скачать dle 12.1

Заказать обратный звонок





Мы в Соцсетях


Twitter Одноклассники Youtube Мой Мир Mail.Ru Facebook Instagram

Мы ВКонтакте:


Статьи нашего Блога