→ При разработке сайта лендинг в подарок! ЖМИ! ←
Мар
23

Маска ввода телефона на jQuery

Author Eduard    Category javascript     Tags

Маска ввода различных полей существенно упрощает жизнь посетителям сайта. Им не нужно думать, в каком формате вводить те или иные данные. В этой заметке расскажу о том, как реализовать маску ввода номера телефона на jQuery.

Итак, будем добиваться вот такого результата:
maska-vvoda-jquery
Важно, чтобы человек мог ввести только цифры в поле input.

Шаг 1. Качаем и подключаем плагин маски ввода jQuery

Скачиваем и внедряем на сайт плагин.

1
<script src="js/jquery.maskedinput.min.js"></script>

Шаг 2. Настраиваем маску ввода номера телефона

1
2
3
jQuery(document).ready(function($) {
$("#ytel").mask("+7 (999) 999-99-99");
});

Здесь у нас +7 остается всегда, пользователю не нужно вводить. Все остальные цифры он может ввести

Шаг 3. Наслаждаемся результатом

Пьем кофе 🙂

Краткая документация

Форматы ввода данных:

  • a — Буквы (A-Z,a-z)
  • 9 — Цифры (0-9)
  • * — И буквы и цифры (A-Z,a-z,0-9)

Под кириллицу плагин нужно допиливать!

Прокомментировать

Рубрики

Наши услуги

В прямом эфире