Формат номера телефона

Привести список номеров к одному формату

Как правильно писать номер телефона

Российский номер — это +7, трёхзначный код и семь цифр. Код 9XX — мобильный, 3XX, 4XX и 8XX — городской (кроме федеральных 8-800 и платных 8-803…8-809), коды на 6 и 7 после +7 — Казахстан. Узнать регион и оператора по коду — в определителе, город — в кодах городов, страну — в кодах стран.

Маска телефона для сайта

Попробуйте — так будет работать поле на вашем сайте с кодом ниже:

Без библиотек (JavaScript)

// Маска +7 (XXX) XXX-XX-XX без библиотек: для всех полей type="tel"
document.querySelectorAll('input[type="tel"]').forEach(input => {
  input.addEventListener('input', () => {
    let d = input.value.replace(/\D/g, '');
    if (d[0] === '8') d = '7' + d.slice(1);   // 8 916… → +7 916…
    if (d && d[0] !== '7') d = '7' + d;       // 916… → +7 916…
    d = d.slice(0, 11);
    const [a, b, c, e] = [d.slice(1, 4), d.slice(4, 7), d.slice(7, 9), d.slice(9, 11)];
    input.value = !d ? '' : '+7' + (a && ' (' + a) + (b && ') ' + b) + (c && '-' + c) + (e && '-' + e);
  });
});

Скопировать код

Поле формы (HTML)

<input type="tel" name="phone" autocomplete="tel" inputmode="tel"
       placeholder="+7 (900) 000-00-00"
       pattern="\+7 \(\d{3}\) \d{3}-\d{2}-\d{2}" required>

Скопировать код

autocomplete="tel" позволяет браузеру подставить номер владельца, pattern проверяет формат при отправке (атрибут неявно привязан к началу и концу строки, ^ и $ не нужны). Маска переставляет курсор в конец при правке в середине — для полей номера это обычно не мешает.

С библиотеками

Регулярное выражение для номера телефона

Регулярное выражение отвечает только на вопрос «похоже ли на номер», но не «существует ли он». Для форм надёжнее сначала очистить ввод до цифр и привести к +7, а уже потом проверять длину и код — тогда клиент может написать номер как привык, а в базу попадёт единый формат.

Нужна кликабельная ссылка или QR-код с номером — генератор ссылок wa.me, t.me и tel:. А чтобы ни один звонок по этому номеру не потерялся, подключите Машу.