Skip to content

zoibana/phonemask

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Маска ввода телефона для российских и других номеров

NPM-пакет на базе скрипта уважаемого Алексея Голобурдина для умного и правильного форматирования российских телефонных номеров с некоторыми доработками.

Поддерживает:

  • ввод и вставку российских номеров любого формата: 79..., +79..., 89.., 9..
  • корректное удаление, редактирование чисел в середине маски через backspace и delete
  • ввод НЕроссийских номеров, начинающихся на + (в том числе +9, +8 и т.д.)

ВНИМАНИЕ:

  • Скрипт НЕ приводит ВСЕ варианты к единому формату, он позволяет УДОБНО ввести пользователю свой номер во всех возможных форматах
  • Требует приведения к единому формату на стороне сервера

Установка

npm install @zoibana/phonemask

Как использовать

// Подключаем в скрипт
const PhoneMask = require('@zoibana/phonemask');

// или через import
import PhoneMask from '@zoibana/phonemask'

// Можно навесить маску на элемент, передав его в конструктор
new PhoneMask(inputEl);

// Можно навесить маску на поле через его ID
new PhoneMask('#phone-input');

// или по имени класс
new PhoneMask('.phone-input');

// или по любому селектору, поддерживающемуся методом querySelectorAll()
new PhoneMask('[data-phone-input]');

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published