Применение масок ввода у полей форм значительно упрощает их использование, уменьшает количество ошибок и приводит отправленные данные к единому формату.
Маски для полей легко сделать с помощью jQuery плагина Masked input plugin.
Подключение:
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery.maskedinput.min.js"></script>
Мобильные, Москва, МО и Санкт-Петербург.
<input type="text" class="mask-phone form-control" placeholder="Номер телефона">
<script>
$('.mask-phone').mask('+7 (999) 999-99-99');
</script>
Данная маска иногда вызывает потерю клиента, некоторые люди не видят +7 и пишут 8903... в итоге теряется последняя цифра телефона. Лучше использовать другую маску c блокировкой первой цифры 8:
$.mask.definitions['h'] = "[0|1|3|4|5|6|7|9]"
$(".mask-phone").mask("+7 (h99) 999-99-99");
DD.MM.YYYY (25.10.2017)
$('.mask-date').mask('99.99.9999');
DD.MM.YYYY hh:mm (25.10.2017 18:25)
$('.mask-date').mask('99.99.9999 99:99');
YYYY-MM-DD (2017-10-25)
$('.mask-date').mask('9999-99-99');
YYYY-MM-DD hh:mm (2017-10-25 18:25)
$('.mask-date').mask('9999-99-99 99:99');
Номер карты
$('.mask-card-number').mask('9999 9999 9999 9999');
Срок действия
$('.mask-card-date').mask('99/99');
CVV2/CVC2
$('.mask-card-code').mask('999');
Серия, номер
$('.mask-pasport-number').mask('99-99 999999');
Код подразделения
$('.mask-pasport-division').mask('999-999');
ИНН физического лица
12 значное число.
$('.mask-inn-individual').mask('999999999999');
Cнилс
$('.mask-snils').mask('999-999-999 99');
ИНН организации
$('.mask-inn-organization').mask('9999999999');
ОГРН
$('.mask-ogrn').mask('9999999999999');
ОГРНИП
$('.mask-ogrnip').mask('999999999999999');
КПП
$('.mask-kpp').mask('999999999');
БИК
9-значное число начинающееся с цифр – «04» (код Российской Федерации).
$('.mask-bik').mask('049999999');
Расчетный счет
20 цифр.
$('.mask-account').mask('99999 999 9 9999 9999999');
Водительское удостоверение
$('.mask-driver').mask('99 ** 999999');
СТС (свидетельство о регистрации транспортного средства)
$('.mask-sts').mask('99 99 999999');
Номер полиса ОСАГО
$('.mask-osago').mask('aaa 9999999999');
Mac-адрес
$.mask.definitions['h'] = '[A-Fa-f0-9]';
$('.mask-mac').mask('hh:hh:hh:hh:hh:hh');






А с 8800, да, там надо слегка кастомить
Добавте Email, и т.п. текстовые примеры.