Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@zoibana/phonemask

zoibana206ISC1.0.12

Phone mask for Russian phone numbers

inputmask, input-mask, mask, mask-phone, masking, phone, phonemask, phone-mask, phone-masking, phone-masking-helper, russian-phone-mask, russian-phone, russian-mask

readme

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

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