Валидация номера телефона на JS и jQuery
Способов валидации форм на стороне клиента, а именно поля ввода номера телефона (инпута) существует несколько, как и на стороне сервера. Для этих целей существуют специальные jQuery плагины, типа Inputmask, которые легко подключить и легко использовать. Но в этой статье мы их рассматривать не будем, а будем производить валидацию телефона при помощи регулярного выражения и совсем маленькой функции, которую можно будет использовать в последующем и других проектах. Для демонстрации предлагаю посмотреть и протестировать пример.
Валидация номера телефона на JS
Самое основное в этом деле — регулярное выражение (regex), которое, к счастью, не нужно придумывать самому, а просто взять готовое и внедрить. Сразу скажу, что данная регулярка проверяет российские номера телефонов. Первая конструкция, которую мы рассмотрим, выглядит так:
let regex = /^(\+7|7|8)?[\s\-]?\(?[489]7<2>\)?[\s\-]?9<3>[\s\-]?6<2>[\s\-]?4<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 запроса без перезагрузки страницы. данный способ подойдет, если в форме есть всего несколько полей, к примеру имя и телефон. Если полей много и для каждого требуется проверка на корректность заполнения, то здесь лучше подключить соответствующий плагин, чтобы не изобретать велосипед и не писать кучу кода с нуля. Надеюсь, что все было понятно, если что — пишите комменты.
Источник
Проверка адреса email и номера телефона на javascript
Предоставляя пользователю возможность заполнения полей на сайте, следует проверять введенные данные на валидность. Это позволит предупредить пользователя о случайных ошибках, а так же даст дополнительную защиту от спама. Ярким примером является форма обратной связи, обязательными полями которой часто бывают email и телефон. Займемся их проверкой на правильность заполнения с помощью javascript.
Информация лучше воспринимается на примерах, поэтому посмотрим готовую форму в действии:
Пожалуйста, заполните все поля формы!
Для начала разберем применяемые регулярные выражения, а полный код формы и javascript функций я приведу в конце статьи.
Валидность адреса электронной почты
Составим регулярное выражение для наших требований:
Разберём правило по частям:
Разобранный пример немного упрощен для лучшего восприятия. У него есть недостаток — первым знаком в email не может быть тире или точка, но приведенное регулярное выражение этого не учитывает. Чтобы это исправить следует его немного поправить:
Проверка валидности номера телефона в javascript
С номером телефона ситуация сложнее, так как номер можно ввести десятками способов:
Есть несколько выходов из ситуации:
Для форм обратной связи последний вариант кажется наилучшим. Во-первых, если человек не хочет указывать свой номер телефона, то никакие проверки на корректность не помогут. Он просто введет несуществующий или чужой номер. Во-вторых, посетители сайта не любят когда их загоняют в определенные рамки. Поэтому рекомендую использовать регулярное выражение следующего типа:
Для любителей жестких шаблонов приведу пример проверки номера вида 8 (999) 123-45-64
Исходный код примера: html и javascript
Это полный код тестовой странички, на которой я использовал форму и js скрипты для отладки правил из этой статьи. Можете скопировать его и протестировать у себя на компьютере.
Это демонстрационная версия. В случае с формой обратной связи нам следует проводить проверку полей не при нажатии на кнопку, а при попытке отправить её:
Источник
Введите валидный номер телефона: что это значит?
Угрожающее сообщение «Введен неверный номер телефона» или «Укажите валидный номер» встречается пользователям социальных сетей или развлекательных ресурсов. Регистрация в системе происходит по телефону, указывать адрес электронной почты совсем не обязательно. Что делать при появлении сообщения о невалидном номере, как устранить всплывающую ошибку, позволит определенная комбинация действий.
Что значит «валидный»?
В переводе с международного английского языка «Validity» — правильный, корректный. Система настойчиво требует «Введите валидный номер», а пользователь не понимает, как его действующий телефон может быть неправильным. Уведомление нужно понимать как «Введите корректный номер телефона».
Валидность телефонного номера – качественная характеристика набора цифр, который идентифицируется системой как правильная комбинация. Для упрощения авторизации клиента были наложены ограничения на ввод нецифровых знаков – букв, знаков препинания, иных символов.
Как происходит идентификация по личному номеру телефона?
При регистрации на многих интернет-ресурсах, в приложениях или социальных сетях система требует указать адрес электронной почты, логин и пароль для новой учетной записи. Дополнительным способом подтвердить личность или восстановить утраченный доступ к аккаунту становится верно указанный мобильный номер.
Пользователь задается вопросом о том, в каком формате нужно указать номер телефона. Внутри страны принято отображать телефонную последовательность с цифры 8. Сайт, работающий в международном формате, воспримет номер телефона 8-***-***-**-** как невалидный. Нужно указать цифровую последовательность, начинающуюся с +7.
Международный код страны может выставляться автоматически, требуется ввести только остальные цифры, следующие за +7 или 8. В некоторых случаях система правит номер пользователя на валидный самостоятельно.
Что делать, если номер введен правильно, а система выдает «невалидный»?
Когда владелец мобильного номера убежден в правильности ввода, следует произвести проверку.
Убедиться в рабочем состоянии сим-карты
Потребуется позвонить оператору, проверить баланс. Иногда поставщик связи блокирует телефон из-за отсутствия паспортных данных клиента. Система не примет номер, если на него не удается отправить смс-сообщение.
Перечитать введенные цифры
Ошибка может быть связана с лишними или недостающими цифрами. Опечатка в одном знаке приводит к тому, что принятый номер телефона окажется недействующим.
Обратить внимание на введенный код страны
Нужно набрать +7, а не 8, если система требует ввод номера телефона в международном формате. Последовательность цифр будет принята как правильная.
Убрать пробелы, тире, иные знаки
Система автоматически расставляет разделители между цифрами телефонного номера. Дополнительных действий со стороны пользователя не требуется.
Убедиться в отсутствии технического сбоя
Если введен номер телефона, начинающийся с международного кода, нет лишних знаков, все цифры прописаны верно, можно предположить сбой на сервере. Обратитесь к регистрации позже.
Заключение
Разобраться в понятии «валидность» несложно. При заполнении регистрационной формы нужно ответственно отнестись к вводу исходной информации о пользователе. Изменить номер телефона будет проблематично.
Зарегистрироваться на недействующую сим-карту практически невозможно. Система не принимает введенные комбинации из соображений безопасности.
Источник
Боремся с невалидными телефонами и емейлами. Сохраняем конверсию
Привет! Я Лена из команды продукта Carrot quest.
Мы ввели автоматическую проверку данных в стандартных свойствах Email и Телефон. Теперь, когда пользователь попытается оставить почту без @ или пишет вместо телефона “купить самовар”, мы не записываем эти данные в карточку, а просим ввести корректные данные. Так сервис валидирует контакты перед отправкой в базу лидов.
Проверку проходят ответы пользователей, отправленные через инструменты Carrot quest, а именно:
Я расскажу, по каким правилам работает проверка, а также поделюсь кейсом, как это обновление повлияет на конверсию и улучшит процессы в командах маркетинга и продаж.
Зачем нужна проверка контактных данных
Каждый собранный с сайта контакт — это потенциальный клиент. Поэтому маркетологи бьются за то, чтобы собирать как можно больше лидов. Проблема в том, что часто маркетинг в погоне за лидами приводит некачественных лидов, до 70% которых потом отсеивают продажи.
В Carrot quest можно собирать лидов с помощью поп-апов, чат-ботов и даже чата, а потом передавать их в продажи через интеграции с CRM-системами.
Но до этого времени не все лиды по-настоящему были лидами. Расскажу, что это значит и как мы это исправили.
Раньше все формы Carrot quest принимали от пользователей любой ответ, без проверки на соответствие формату данных. Например, могло быть так:
Теперь мы проверяем корректность данных в стандартных свойствах Email и Телефон, если пользователь отправил их через поп-ап, автоответ или чат-бота.
По сути, это валидация, но не с помощью отправки смс или письма на почту, а еще до того как пользователь отправил данные. То есть ответ не запишется до тех пор, пока не пройдёт проверку на соответствие нашим правилам.
Чат-бот запрашивает номер телефона
В Carrot quest уже давно предусмотрена защита от отправки ручных и триггерных рассылок по невалидным адресам. Если вы загружаете в сервис уже собранную базу, мы автоматически проверим ее на несуществующие адреса. Почему это важно и как осуществляется наша пятиступенчатая проверка, вы можете прочитать в этой статье.
По каким правилам мы проверяем емейлы и телефоны
Наши правила проверки несложные и направлены, в первую очередь, на отсев мусорной информации.
Вы не можете ввести буквы и символы, кроме +,-,(), если вас просят оставить телефон, а в емейле есть обязательная проверка на наличие @ и точки. Подробнее о правилах валидации читайте в нашей базе знаний.
Важно также не путать проверку с маской: мы подсказываем в полях ввода и не приводим записываемый телефон к какому-то конкретному виду.
Слева маска, которая подсказывает, что необходимо ввести, а справа — проверка, которая не даёт отправить данные неподходящего формата
Carrot quest проверяет данные, которые записываются только в стандартные свойства Email и Телефон. Если вы записываете информацию в другие свойства — например, дополнительный телефон или рабочий емейл — то введённая информация проверяться не будет.
Проверка данных работает в:
Проверка данных НЕ работает при:
Почему дополнительные проверки в полях на самом деле не снижают конверсию
Если кратко: конверсия в ответ может упасть, но количество реальных лидов останется тем же.
А теперь давайте разберёмся.
Первый эффект, который вы можете заметить, — снижение конверсии в лида из ваших триггерных сообщений и ботов. Но не стоит паниковать. Мы провели эксперимент и доказали, что снижение конверсии в ответ не уменьшает количество реальных контактов.
Это чат-бот на сайте одного интернет-магазина. Последовательно задавая вопросы, бот определяет, какой товар лучше подойдёт пользователю, а потом просит оставить телефон, чтобы менеджер мог позвонить и оформить заказ. Мы замерили результаты до введения проверки, когда пользователь мог ввести в поле всё, что угодно, и после.
Результаты до введения проверки и после
Как видите, конверсия из начала диалога с чат-ботом на сайте в оставленный телефон упала. Но давайте копнём глубже и посмотрим на всех лидов, которых мы собрали в первом и втором случае:
Собранные лиды
Как видите, без валидации мы засчитывали в лидов людей, которые задавали вопросы боту или писали ответы текстом. Таким образом в аналитике завышалось реальное количество контактов. После валидации перед нами чистый список телефонов.
Если посчитать только валидные телефоны в первом случае, то и конверсия, и абсолютное количество лидов останутся на том же уровне, что и после валидации.
Конверсия в валидный телефон
Если вы заметите падение конверсии в триггерных сообщениях и чат-ботах, то вероятнее всего это связано с тем, что в аналитике больше не учитываются ненастоящие контакты, которые невозможно использовать. А значит, ваши данные стали точнее.
Налаживаем связь между маркетингом и продажами и ускоряем команду
Что еще даёт проверка вводимых данных?
Мы с вами только что провели достаточно много работы вручную: посмотрели на каждого лида и оценили, похожи ли данные, что он оставил, на телефон. То же самое приходилось делать менеджерам по продажам. Сейчаc валидация происходит автоматически. Это значит, что менеджеры получают очищенный список контактов и могут сфокусироваться на своей работе.
Это одно из обновлений, которое поможет наладить взаимодействие между маркетингом и продажами и адекватно оценивать количество собранных и обработанных лидов. Убирая лишнее, мы сохраняем время вашей команде.
Собирайте лидов с помощью инструментов Carrot quest, а мы позаботимся о валидности данных.
Больше о том, как лид-бот Carrot quest помогает онлайн-бизнесам
И подсказка напоследок. Чат-бот на сайте поможет не только собрать контакты, но и квалифицировать лидов: с помощью дополнительных вопросов вы сможете определить, насколько лид готов к покупке и автоматически передавать в продажи только горячих лидов, а остальным отправить подогревающую рассылку. Это еще больше сэкономит время менеджерам по продажам.
Источник
Проверка номеров на валидность
Валидация телефонных номеров предполагает проверку их актуальности на данный момент, т.е. оценить “живой” номер абонента или нет. Например у Вас есть база номеров клиентов, но ей давно не пользовались. Вы ходите сделать по этой базе смс-рассылку или передать в отдел продаж, чтобы менеджеры связались с этими клиентами. Часть телефонных номеров уже может просто не существовать, и менеджеры только зря потратят свое время пытаясь по ним дозвониться, а смс-рассылка уйдет в “никуда” и рекламный бюджет будет потрачен неэффективно. Если база номеров небольшая то можно самостоятельно поддерживать ее в актуальном состаянии, но если речь идет о тысячах номеров, то задача становиться неподъемной для ваших сотрудников.
Также валидация номера важна, чтобы оперативно проверить находиться ли телефонный номер абонента в сети сотового оператора на данный момент времени, чтобы отправить ему срочную и важную информацию.
Мы предлагаем использовать наш сервис автоматического обзвона для проверки номеров на валидность.
Стоимость проверки одного телефонного номера- 0,35 руб.
Если необходимо мы преобразуем базу данных в необходимый формат, после выгрузки из ваших внутренних систем.
Проверка номеров на валидность позволяет значительно экономить время ваших сотрудников на обзвон несуществующих номеров, а также оптимизировать расходы на взаимодействие с клиентами, а главное эффективно использовать базу клиентов для различных видов коммуникации.
Если Вы хотите заказать данную услугу,то необходимо заполнить форму обратной связи, либо обратиться по телефону 8-800-505-60-45.
Источник
