Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile.

Поле с ограничением для ввода только телефонного номера

Не такая уж и редкая проблема – создать поле ввода и запретить пользователю вводить символы, которые не могут быть частью номера. Причем проверка правильности ввода – задача достаточно нудная, потому что нужно ограничивать пользователя в формате, а если сайт международный, то вопрос формата отпадает сразу.

Значит нужно запретить все нелогичные знаки – буквы, спец символы, двойные пробелы и т.п. Потому что номер вполне может быть в таком формате: (+054) 45-1235-522 и это должно быть принято.

Для решения этой задачи я использую регулярное выражение, которое со своей задачей вполне справляется:

Если тест по этому выражению возвращает положительный результат, то в номере есть ошибка. Использовать можно например вот так:

Поделиться:
comments powered by Disqus