Главная HTML Проверка корректности ввода номера телефона

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

Проверка корректности ввода номера телефона
с помощью pattern

PATTERN (шаблон ввода) - атрибут элемента формы input.

Ниже дается Пример проверки номера телефона с помощью pattern:

^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$

Данный pattern проверяет ввод телефона на российские мобильные + городские номера с кодом из 3 цифр.

Примеры телефонов для проверки:
+79261234567
89261234567
79261234567
+7 926 123 45 67
8(926)123-45-67
123-45-67
9261234567
79261234567
(495)1234567
(495) 123 45 67
89261234567
8-926-123-45-67
8 927 1234 234
8 927 12 12 888
8 927 12 555 12
8 927 123 8 123

Контактная информация

<form action="test.php" style="width: 310px;">
    <fieldset class="bord-green">
        <legend class="green">Контактная информация
    <p><label for="username">Ваше имя:  
        <input type="text" name="username" id="username">
    </p>
    <p><label for="tel">Ваш телефон: </label>
        <input type="tel" id="tel" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" title="+7 xxx 123 45 67 или 123-45-67" placeholder="Введите телефон" required">
    </p>
    <p><input type="submit" value="Отправить">
    <input type="reset" value="Очистить">
    </p>
</fieldset>
</form>