@zoibana/phonemask

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

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