Маска для ввода номера телефона

jQuery Masked Input Plugin позволяет создавать произвольные маски для вводимых данных в форму, например: дата, телефон, серийный номер и т.д.

Установка:

Подключаем библиотеку jQuery и плагин jquery.maskedinput:

Далее для инпута c id="phone" создаем маску:

Значения для создания маски:

a - буквы алфавита (A-Z,a-z)

9 - цифры (0-9)

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

Настройки:

По умолчанию если пользователь не завершил ввод данных, они сбрасываются. Для отмены убираем очистку поля:

По умолчанию на место ввода значения ставится знак подчеркивания, для его замены нужно прописать свой placeholder:

Плагин также может выполнить функцию после завершения ввода:

Пример:
Автор плагина Josh Bush

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • рустам:

    а что делать если код начинается с +995 ?

    Ответить
    • Alexander:

      Замените в плагине девятку, например на тильду:

      "9": "[0-9]",

      на

      "~": "[0-9]",

      И для обозначения цифр используйте ее:

      $("#phone").mask("+995 - ~~~ - ~~~~",{autoclear: false});
      Ответить
  • Макс:

    На jquery-2.1.1, не работает

    Ответить