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