валидный номер телефона что это
Валидация номера телефона на JS и jQuery
Способов валидации форм на стороне клиента, а именно поля ввода номера телефона (инпута) существует несколько, как и на стороне сервера. Для этих целей существуют специальные jQuery плагины, типа Inputmask, которые легко подключить и легко использовать. Но в этой статье мы их рассматривать не будем, а будем производить валидацию телефона при помощи регулярного выражения и совсем маленькой функции, которую можно будет использовать в последующем и других проектах. Для демонстрации предлагаю посмотреть и протестировать пример.
Валидация номера телефона на JS
Самое основное в этом деле — регулярное выражение (regex), которое, к счастью, не нужно придумывать самому, а просто взять готовое и внедрить. Сразу скажу, что данная регулярка проверяет российские номера телефонов. Первая конструкция, которую мы рассмотрим, выглядит так:
let regex = /^(\+7|7|8)?[\s\-]?\(?[489]6<2>\)?[\s\-]?3<3>[\s\-]?3<2>[\s\-]?5<2>$/; let phone = ‘89000000000’; // дальше идет проверка на соответствие выражению if(!regex.test(phone)< console.log('Не соответствует'); >else
То же самое можно записать в функцию валидации и вызывать ее где угодно в коде.
Теперь немного о том, для каких номеров будет происходить валидация, ведь один и тот же номер можно написать в разных форматах и очень важно сделать все правильно и протестировать на работоспособность иначе можно столкнуться с тем, что номера телефонов будут приходить в неверном формате и по ним невозможно будет дозвониться, а это уже потеря потенциальной прибыли и прямые убытки. Вот все форматы, которые пройдут валидацию:
89000000000 +79000000000 8-900-000-00-00 +7-900-000-00-00 8(900)0000000 8(900)000 00 00 +7 (900) 000 00 00 8(900)-000-00-00 +7(900)-000-00-00 +7(900)000-00-00 8 900 000 00 00 +7 900 000 00 00 8-(900) 000 00 00 +7-(900) 000 00 00 8-(900)-000-00-00 +7-(900)-000-00-00 7(999)999 99 99 79000000000 7-900-000-00-00 7-(900)-000-00-00 7(900)-000-00-00 7(900) 000 00 00 7 (900)-000-00-00 7 (900) 000 00 00 7 900 000 00 00 8000000000 9000000000 800 000 00 00 900 000 00 00 800-000-00-00 900-000-00-00 (800)-000-00-00 (900)-000-00-00
Валидация телефона на jQuery
Здесь все в точности то же самое, но пройдемся по HTML коду и разберем по полочкам все элементы, чтобы было более понятно. Допустим у нас есть вот такой инпут:
Затем пишем jQuery код.
Обычно валидация поля с телефоном происходит при отправке Ajax запроса без перезагрузки страницы. данный способ подойдет, если в форме есть всего несколько полей, к примеру имя и телефон. Если полей много и для каждого требуется проверка на корректность заполнения, то здесь лучше подключить соответствующий плагин, чтобы не изобретать велосипед и не писать кучу кода с нуля. Надеюсь, что все было понятно, если что — пишите комменты.
Что такое валидный номер телефона?
Давайте представим на минутку, что вы решили зарегистрироваться на каком-нибудь сервисе в интернете. В настоящее время большинство сервисов для регистрации требует использование номера телефона (прежде было достаточно электронной почты). И вот вы видите следующее сообщение: «Укажите валидный номер телефона». Что это значит?
Валидный означает правильный, допустимый, приемлемый, то есть вы должны указать тот номер телефона, к которому имеете доступ, поскольку на него с вероятностью в 99% придет код подтверждения — его необходимо указать для завершения регистрации.
Возьмем простой пример — установим мессенджер WhatsApp.
После установки запускаем.
Принимаем условия предоставления услуг, нажав «Принять и продолжить».
После чего сразу будет предложено указать номер телефона для регистрации аккаунта.
Разумеется, вы должны указать валидный номер телефона, на который придет СМС с кодом. Если вы укажите невалидный номер телефона, то не сможете пройти регистрацию, поскольку без кода подтверждения это просто не получится сделать — он вводится в специальное поле:
Также рекомендуем обращать внимание на то, как именно стоит указывать номер телефона: большинство сервисов поддерживает различное указание номера, например 8 999 или +7 999, но отдельные из них поддерживают строгое указание номера, например, только +7999. Как правило, это указывается при регистрации аккаунта.
А еще мы бы хотели напомнить, чтобы вы не производили регистрацию в сервисах, если сим-карта зарегистрирована не на вас — в случае потери телефона доступ к сервису можно и не восстановить.
Друзья! Если наш сайт помог вам или просто понравился, вы можете помочь нам развиваться и двигаться дальше. Для этого можно:
Боремся с невалидными телефонами и емейлами. Сохраняем конверсию
Привет! Я Лена из команды продукта Carrot quest.
Мы ввели автоматическую проверку данных в стандартных свойствах Email и Телефон. Теперь, когда пользователь попытается оставить почту без @ или пишет вместо телефона “купить самовар”, мы не записываем эти данные в карточку, а просим ввести корректные данные. Так сервис валидирует контакты перед отправкой в базу лидов.
Проверку проходят ответы пользователей, отправленные через инструменты Carrot quest, а именно:
Я расскажу, по каким правилам работает проверка, а также поделюсь кейсом, как это обновление повлияет на конверсию и улучшит процессы в командах маркетинга и продаж.
Зачем нужна проверка контактных данных
Каждый собранный с сайта контакт — это потенциальный клиент. Поэтому маркетологи бьются за то, чтобы собирать как можно больше лидов. Проблема в том, что часто маркетинг в погоне за лидами приводит некачественных лидов, до 70% которых потом отсеивают продажи.
В Carrot quest можно собирать лидов с помощью поп-апов, чат-ботов и даже чата, а потом передавать их в продажи через интеграции с CRM-системами.
Но до этого времени не все лиды по-настоящему были лидами. Расскажу, что это значит и как мы это исправили.
Раньше все формы Carrot quest принимали от пользователей любой ответ, без проверки на соответствие формату данных. Например, могло быть так:
Теперь мы проверяем корректность данных в стандартных свойствах Email и Телефон, если пользователь отправил их через поп-ап, автоответ или чат-бота.
По сути, это валидация, но не с помощью отправки смс или письма на почту, а еще до того как пользователь отправил данные. То есть ответ не запишется до тех пор, пока не пройдёт проверку на соответствие нашим правилам.
Чат-бот запрашивает номер телефона
В Carrot quest уже давно предусмотрена защита от отправки ручных и триггерных рассылок по невалидным адресам. Если вы загружаете в сервис уже собранную базу, мы автоматически проверим ее на несуществующие адреса. Почему это важно и как осуществляется наша пятиступенчатая проверка, вы можете прочитать в этой статье.
По каким правилам мы проверяем емейлы и телефоны
Наши правила проверки несложные и направлены, в первую очередь, на отсев мусорной информации.
Вы не можете ввести буквы и символы, кроме +,-,(), если вас просят оставить телефон, а в емейле есть обязательная проверка на наличие @ и точки. Подробнее о правилах валидации читайте в нашей базе знаний.
Важно также не путать проверку с маской: мы подсказываем в полях ввода и не приводим записываемый телефон к какому-то конкретному виду.
Слева маска, которая подсказывает, что необходимо ввести, а справа — проверка, которая не даёт отправить данные неподходящего формата
Carrot quest проверяет данные, которые записываются только в стандартные свойства Email и Телефон. Если вы записываете информацию в другие свойства — например, дополнительный телефон или рабочий емейл — то введённая информация проверяться не будет.
Проверка данных работает в:
Проверка данных НЕ работает при:
Почему дополнительные проверки в полях на самом деле не снижают конверсию
Если кратко: конверсия в ответ может упасть, но количество реальных лидов останется тем же.
А теперь давайте разберёмся.
Первый эффект, который вы можете заметить, — снижение конверсии в лида из ваших триггерных сообщений и ботов. Но не стоит паниковать. Мы провели эксперимент и доказали, что снижение конверсии в ответ не уменьшает количество реальных контактов.
Это чат-бот на сайте одного интернет-магазина. Последовательно задавая вопросы, бот определяет, какой товар лучше подойдёт пользователю, а потом просит оставить телефон, чтобы менеджер мог позвонить и оформить заказ. Мы замерили результаты до введения проверки, когда пользователь мог ввести в поле всё, что угодно, и после.
Результаты до введения проверки и после
Как видите, конверсия из начала диалога с чат-ботом на сайте в оставленный телефон упала. Но давайте копнём глубже и посмотрим на всех лидов, которых мы собрали в первом и втором случае:
Собранные лиды
Как видите, без валидации мы засчитывали в лидов людей, которые задавали вопросы боту или писали ответы текстом. Таким образом в аналитике завышалось реальное количество контактов. После валидации перед нами чистый список телефонов.
Если посчитать только валидные телефоны в первом случае, то и конверсия, и абсолютное количество лидов останутся на том же уровне, что и после валидации.
Конверсия в валидный телефон
Если вы заметите падение конверсии в триггерных сообщениях и чат-ботах, то вероятнее всего это связано с тем, что в аналитике больше не учитываются ненастоящие контакты, которые невозможно использовать. А значит, ваши данные стали точнее.
Налаживаем связь между маркетингом и продажами и ускоряем команду
Что еще даёт проверка вводимых данных?
Мы с вами только что провели достаточно много работы вручную: посмотрели на каждого лида и оценили, похожи ли данные, что он оставил, на телефон. То же самое приходилось делать менеджерам по продажам. Сейчаc валидация происходит автоматически. Это значит, что менеджеры получают очищенный список контактов и могут сфокусироваться на своей работе.
Это одно из обновлений, которое поможет наладить взаимодействие между маркетингом и продажами и адекватно оценивать количество собранных и обработанных лидов. Убирая лишнее, мы сохраняем время вашей команде.
Собирайте лидов с помощью инструментов Carrot quest, а мы позаботимся о валидности данных.
Больше о том, как лид-бот Carrot quest помогает онлайн-бизнесам
И подсказка напоследок. Чат-бот на сайте поможет не только собрать контакты, но и квалифицировать лидов: с помощью дополнительных вопросов вы сможете определить, насколько лид готов к покупке и автоматически передавать в продажи только горячих лидов, а остальным отправить подогревающую рассылку. Это еще больше сэкономит время менеджерам по продажам.
Введите валидный номер телефона: что это такое значит, как его ввести
20.03.2020 2,376 Просмотры
«Номер введен неверно. Введите валидный номер телефона». Хоть раз сталкивались с таким пугающим предупреждением? Если да — то эта статья точно для вас!
В наше время сложно найти человека, которому бы удалось хоть раз избежать регистрации на каком-либо сайте или в соцсети. Поэтому я думаю, вы все знаете, что для идентификации пользователя в них часто требуется телефон.
Для чего это нужно? А все для нашей с вами безопасности. Ведь если вашу страницу в соцсети или e-mail взломают, это становится единственной возможностью подтвердить вашу личность.
И что же делать, если вы вводите номер (который точно ваш!), а он оказывается «невалидный»?
В нашем случае валидность — это определенная последовательность допустимых символов. Допустимых — значит, никаких букв или знаков препинания, например, в нем быть не должно. Любой телефон можно записать десятком разных способов: с пробелами, со скобками, через тире, сплошной чередой цифр, в конце концов, с 8 или +7.
И на каком-либо сайте система может принимать номер только в определенном формате. Например, вы пишете 8ххх ххх хх хх и она воспринимает его как невалидный.
С точки зрения программы верен только один вариант: +7хххххххххх.
Но что же делать, если этого не произошло и вас попросили ввести валидный номер?
Есть несколько вариантов:
Надеемся, что вы разобрались с понятием валидности телефонного номера и проблем с вводом у вас больше не возникнет.
Проверка адреса email и номера телефона на javascript
Предоставляя пользователю возможность заполнения полей на сайте, следует проверять введенные данные на валидность. Это позволит предупредить пользователя о случайных ошибках, а так же даст дополнительную защиту от спама. Ярким примером является форма обратной связи, обязательными полями которой часто бывают email и телефон. Займемся их проверкой на правильность заполнения с помощью javascript.
Информация лучше воспринимается на примерах, поэтому посмотрим готовую форму в действии:
Пожалуйста, заполните все поля формы!
Для начала разберем применяемые регулярные выражения, а полный код формы и javascript функций я приведу в конце статьи.
Валидность адреса электронной почты
Составим регулярное выражение для наших требований:
Разберём правило по частям:
Разобранный пример немного упрощен для лучшего восприятия. У него есть недостаток — первым знаком в email не может быть тире или точка, но приведенное регулярное выражение этого не учитывает. Чтобы это исправить следует его немного поправить:
Проверка валидности номера телефона в javascript
С номером телефона ситуация сложнее, так как номер можно ввести десятками способов:
Есть несколько выходов из ситуации:
Для форм обратной связи последний вариант кажется наилучшим. Во-первых, если человек не хочет указывать свой номер телефона, то никакие проверки на корректность не помогут. Он просто введет несуществующий или чужой номер. Во-вторых, посетители сайта не любят когда их загоняют в определенные рамки. Поэтому рекомендую использовать регулярное выражение следующего типа:
Для любителей жестких шаблонов приведу пример проверки номера вида 8 (999) 123-45-64
Исходный код примера: html и javascript
Это полный код тестовой странички, на которой я использовал форму и js скрипты для отладки правил из этой статьи. Можете скопировать его и протестировать у себя на компьютере.
Это демонстрационная версия. В случае с формой обратной связи нам следует проводить проверку полей не при нажатии на кнопку, а при попытке отправить её: