Скачать
Сегодня мне для одного проекта понадобилось добавить маску телефонного номера в поле ввода. Это нужно, чтобы упростить жизнь посетителям сайта и избавить их от лишних неудобств. Они ведь не должны гадать, в каком формате вводить свой телефонный номер, верно? На каждом сайте свои правила: где-то номер должен начинаться с плюса, где-то с восьмёрки, а где-то вообще не нужно ничего ставить в начале
Маска в точности укажет вашему посетителю, в каком формате нужно вводить номер телефона и ему достаточно будет лишь проставить нужные числа
Для начала посмотрите
ДЕМО
Проект на GitHub
ПОСМОТРЕТЬ
Установка:
1#: После тега /head на нужных страницах вставьте:
|
<script type="text/javascript" src="/js/jquery.maskedinput.js"></script> <script type="text/javascript"> $(function() { $("#telephone").mask("+7(799)999-9999"); // цифра 9 означает, что поле будет пустым }); </script> |
2#: Само поле ввода с маской номера телефона должно выглядеть вот так:
|
<input type="text" id="telephone" placeholder="+7(7__)___-____"> |
Осталось лишь залить JS файл из прикреплённого архива в папку
js
Автор публикации
12
Я не понял вашего вопроса, но постараюсь на него ответить...
Комментарии: 393Публикации: 1096Регистрация: 27-08-2018