JS/jQuery

Маски ввода для текстовых полей

Применение масок ввода у полей форм значительно упрощает их использование, уменьшает количество ошибок и приводит отправленные данные к единому формату.

Маски для полей легко сделать с помощью jQuery плагина MASKED INPUT PLUGIN. Скачать его можно с сайта разработчика или архив (1.4.1 Minified).

1

Номер телефона

Мобильные, Москва, МО и Санкт-Петербург.

<input type="text" class="mask-phone form-control" placeholder="Номер телефона">

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="/plugins/jquery.maskedinput.min.js"></script>

<script>
$('.mask-phone').mask('+7 (999) 999-99-99');
</script>
2

Дата и время

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');
3

Банковская карта

Номер карты

$('.mask-card-number').mask('9999 9999 9999 9999');

Срок действия

$('.mask-card-date').mask('99/99');

CVV2/CVC2

$('.mask-card-code').mask('999');
4

Паспорт

Серия, номер

$('.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');
5

Реквизиты организации

ИНН организации

$('.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');
6

Транспортные средства

Водительское удостоверение

$('.mask-driver').mask('99 ** 999999');

СТС (свидетельство о регистрации транспортного средства)

$('.mask-sts').mask('99 99 999999');

Номер полиса ОСАГО

$('.mask-osago').mask('aaa 9999999999');
7

Интернет и сети

Mac-адрес

$.mask.definitions['h'] = '[A-Fa-f0-9]';
$('.mask-mac').mask('hh:hh:hh:hh:hh:hh');
20 января 2017
Представленный код позволяет c помощью jQuery зафиксировать шапку таблицы при прокрутке страницы. Скрипт поддерживает...
В статье представлены способы зафиксировать блок при прокрутки страницы с примерами для горизонтального меню и баннера...