Проверка корректности номера телефона на JS (как я боролся со спамом)

Автор: Роман Чернышов Опубликовано: 26 октября 2024

В рамках портфолио, решил поделиться с вами опытом о реализованном мною интересном проекте: «Проверка корректности номера телефона на JS». Ко мне обратился клиент владелец компании оказывающей услуги клининга в Москве и регионах, с проблемой спама(и флуда) ф формы заявок, с ложными номерами телефонов, вероятно со стороны конкурентов, нашедший меня на фриланс-бирже Kwork , и предложивший мне сотрудничество. Работа с клиентом велась с использованием фриланс-биржи Kwork, и все взаиморасчеты производились с использованием системы «безопасной сделки», также при необходимости мы всегда могли подключить Арбитра, но это не потребовалось, сделка прошла как всегда гладко.

Поставленные задачи

В рамках данного проекта, были поставлены и реализованы следующие задачи:

Реализовать защиту от спама и флуда для форм отправки заявок на оказание услуг;
Сделать проверку корректности номера телефона на JS;
Сделать проверку региональной принадлежности номера телефона (не пропускать номера других стран);
Выводить пользователю сообщение об ошибке;
Проверять заявки на присутствие меток поисковых систем;
Реализовать защиту от спама путем добавление Google Recapcha v.3;
Создания системы логирования поступающих POST запросов на сервер, для их последующего анализа(с целью улучшения системы защиты от спама);
Реализовать проверку принадлежности IP-адреса к стране.

Сфера проведения работ

Безопасность (работа в области безопасности, как с кодом скриптов, так и серверного окружения);

Стек технологий

Языки программирования и фреймворки:

JavaScript;
jQuery;

Системы управления контентом (CMS):

WordPress

Внешние сервисы

Изучение документации, подключение и настройка внешнего сервиса по API (Application Programming Interface);

Дополнительно в рамках работы требовалось

Провести исследование, изучить техническую часть проекта, ознакомиться с документацией, дать оценку сложности, стоимости и сроков, а также вероятность проведения дополнительных работ выходящих за рамки основного списка поставленных задач;

Реализация проекта

Работа была завершена, и по итогу было реализовано следующее:

Все поставленные задачи были реализованы, благодаря чему удалось сократить количество поступающего спама в разы(почти до нуля), разгрузить отдел обработки заявок(путем отсечения ложных заявок) и увеличить эффективность работы с клиентами в целом.

Маленький кусочек кода (вообще кода было написано много как на JS так и на PHP, заданы CSS стили и многое другое):

Просмотр кода JAVASCRIPT

let phone = '71112223344'; // Пример неверного номера
phone = phone.replace(/[^0-9]/g,"");
 
if(phonec.length != 11 || (parseInt(phonec[0]) !== 7 || parseInt(phonec[1]) !== 9)) {
  $('[name="phone"]').addClass('error'); // Ошибка. Подсвечиваем поле
  return false;
}