@zoibana/phonemask
Version:
Phone mask for Russian phone numbers
42 lines (29 loc) • 1.95 kB
Markdown
# Маска ввода телефона для российских и других номеров
NPM-пакет на базе скрипта уважаемого [Алексея Голобурдина](https://github.com/alexey-goloburdin) для умного и правильного форматирования российских телефонных номеров
с некоторыми доработками.
Поддерживает:
- ввод и вставку российских номеров любого формата: 79..., +79..., 89.., 9..
- корректное удаление, редактирование чисел в середине маски через backspace и delete
- ввод НЕроссийских номеров, начинающихся на + (в том числе +9, +8 и т.д.)
ВНИМАНИЕ:
- Скрипт НЕ приводит ВСЕ варианты к единому формату, он позволяет УДОБНО ввести пользователю свой номер во всех возможных форматах
- Требует приведения к единому формату на стороне сервера
## Установка
```
npm install @zoibana/phonemask
```
## Как использовать
```javascript
// Подключаем в скрипт
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]');
```