Бюджет: 150 EUR Срок: 2 дня
Здравствуйте. Работаю с JavaScript более 8 лет. Готов настроить валидацию ввода. Обращайтесь.
Ми використовуємо конструктор лендингів/сайтів Onepage (onepage.io). На сайті є форма збору лідів, де користувач вводить номер телефону.
Поточна проблема: форма дозволяє відправити заявку з очевидно некоректними телефонами (наприклад, 0000000000, 12, 123, або будь-якою випадковою послідовністю цифр), навіть якщо обрано код країни +49 (Німеччина). Це призводить до “сміттєвих” лідів і марної роботи менеджерів.
Саппорт Onepage пропонує SMS-верифікацію як окрему платну функцію (підписка + оплата за кожну SMS). Для нашого сценарію (перший контакт, ринок Німеччини) це надто агресивно, погіршує конверсію та створює зайве тертя.
Нам потрібне НЕ підтвердження існування номера через SMS, а коректна технічна перевірка формату номера прямо у формі (client-side validation).
Реалізувати перевірку (валідацію) номера телефону у формі Onepage так, щоб:
Неможливо було відправити форму з явно некоректним номером.
Користувач бачив зрозуміле повідомлення про помилку (DE/EN, бажано DE).
У разі помилки відправка форми блокується (submit prevent).
Рішення не повинно вимагати SMS-підтвердження.
Сервіс: Onepage (onepage.io)
Реалізація очікується через:
Custom Code / вставка власного JavaScript на сторінку (глобально або на конкретній сторінці), або
HTML embed / Custom Code-блок (якщо потрібно).
Доступу до backend Onepage немає. Потрібна клієнтська (front-end) валідація.
Перевірити, як Onepage рендерить форму (HTML структура, селектори полів, submit button, події).
Визначити стабільний спосіб “підхопитися” на подію submit:
form.addEventListener('submit', ...) або
перехоплення кліку на кнопці submit, або
інші події, які реально працюють у Onepage.
Потрібно реалізувати 2 рівні перевірки:
Рівень 1 — базова санітизація та довжина
Поле “Телефон” має приймати лише цифри, пробіли, +, (, ), -.
Перед перевіркою прибрати всі символи, крім цифр та + (для логіки).
Заборонити введення очевидного сміття:
дуже короткі номери (наприклад < 10 цифр),
номер з одних нулів (наприклад 0000000000, +49 0000000000),
повторювані патерни типу 1111111111, 2222222222 (опційно, але бажано).
Рівень 2 — перевірка формату телефонів для Німеччини
Цільова країна — Німеччина (+49).
Валідація має працювати в одному з форматів:
+49XXXXXXXXXX... (між 10 і 15 цифр загалом за E.164)
0XXXXXXXXXX... (локальний формат)
Важливо: німецькі номери можуть мати різну довжину (мобільні/стаціонарні), тому логіка має бути адекватною, не “перерізати” реальні номери.
Рекомендований підхід (переважний):
використати бібліотеку Google libphonenumber або легшу обгортку/порт, яка дозволяє:
визначати валідність номера для регіону DE,
форматувати номер у E.164,
обробляти +49 та локальні 0....
Альтернативний підхід (якщо бібліотеку неможливо підключити):
використати regex + правила довжини (але це менш надійно).
мінімум: довжина (10–15 цифр) + заборона all zeros + заборона “занадто коротко”.
Якщо номер невалідний:
блокувати submit,
показувати повідомлення біля поля або попап/inline alert.
Повідомлення (мінімум німецькою):
DE: „Bitte geben Sie eine gültige Telefonnummer ein.“
EN (опціонально): “Please enter a valid phone number.”
Підсвічування поля червоною рамкою (CSS клас або inline).
При виправленні номера — помилка зникає.
Маска вводу або “розумне поле” з країною:
Наприклад, через intl-tel-input (якщо реально інтегрується у Onepage без конфліктів).
Автоформатування:
приводити номер до E.164 перед відправкою (якщо можливо), або хоча б зберігати “чисті цифри”.
Має працювати в актуальних браузерах: Chrome, Safari, Firefox, Edge.
Має працювати на мобільних (iOS/Android).
Не ламати інші поля/форми/скрипти на сторінці.
Onepage може генерувати динамічні ID/класи. Потрібні стабільні селектори або логіка пошуку елемента:
по label тексту,
по placeholder,
по типу input[type="tel"],
або за структурою блоку.
Можлива наявність кількох форм на сторінці — потрібно чітко прив’язатись до потрібної.
Скрипт має коректно працювати навіть якщо форма завантажується асинхронно (може знадобитися MutationObserver або повторний пошук елементів).
Валідація повинна:
✅ Пропускати:
+49 151 23456789
0151 23456789
реалістичні DE номери (мобільні/стаціонарні), якщо вони валідні за libphonenumber.
❌ Блокувати:
0
12
12345
0000000000
+49 0000000000
+49 1111111111 (бажано)
довільний набір з 5–8 цифр.
Готовий JS-код для вставки в Onepage (з інструкцією “куди вставити”).
Якщо використовуються бібліотеки:
посилання на CDN або файл(и),
інструкція підключення (порядок, залежності).
Інструкція налаштування:
де саме у Onepage вставити код (global/page/section),
як перевірити, що працює.
Короткий документ з селекторами, які використовуються, і логікою пошуку форми/поля.
(Опціонально) Мікро-CSS для стилів помилки.
Робота вважається виконаною, якщо:
неможливо відправити форму з номером 0000000000 або 2–5 цифрами,
коректні німецькі номери проходять,
користувач бачить зрозумілу помилку,
рішення працює стабільно на desktop і mobile,
є інструкція по впровадженню в Onepage.
Лідів у місяць: до ~200.
SMS-верифікацію використовувати НЕ плануємо (через конверсію та чутливість ринку Німеччини).
Мета: мінімізувати сміттєві заявки без підвищення тертя.
Чи маєте досвід інтеграцій в Onepage або подібні конструктори?
Який підхід пропонуєте: libphonenumber чи regex?
Чи зможете зробити так, щоб номер нормалізувався до E.164?
Як забезпечите стабільність при зміні DOM/оновленні Onepage?
Бюджет: 150 EUR Срок: 2 дня
Здравствуйте. Работаю с JavaScript более 8 лет. Готов настроить валидацию ввода. Обращайтесь.
Бюджет: 150 EUR Срок: 2 дня
Здравствуйте.
Готов взяться. Пишите, обсудим.
1. У меня есть опыт с конструкторами.
2. Можно попробовать через regex.
3. Да.
4. Этот вопрос требует более детального ответа.
Бюджет: 150 EUR Срок: 1 день
Добрый день.
С подобными задачами работал в Webflow, Tilda и других конструкторах, где нет доступа к бэкенду и все решается через клиентскую логику. В вашем случае я бы делал решение через libphonenumber в связке с собственной логикой перехвата submit, а не через простой regex. Для рынка Германии это даст гораздо более точную проверку, особенно с разной длиной номеров.
Могу реализовать нормализацию до E.164 перед отправкой формы и блокировку submit с корректным сообщением на немецком. Поле будет подсвечиваться, ошибка исчезнет после исправления. Если нужно, добавим легкую маску или intl-tel-input без конфликтов со скриптами Onepage.
Стабильность обеспечим через поиск элементов по типу поля и контексту формы, а не по динамическим ID. При необходимости используем MutationObserver, чтобы скрипт корректно “подхватывал” форму даже при асинхронном рендере.
Подскажите, есть ли на странице одна форма или несколько, и есть ли возможность вставить код глобально для всего сайта? Это повлияет на способ привязки.
Бюджет: 145 EUR Срок: 1 день
Здравствуйте! Меня заинтересовал ваш проект по валидации телефона в формах на Onepage.
У меня есть опыт интеграции кастомного JavaScript в конструкторы сайтов (перехват submit, работа с динамическим DOM, MutationObserver, кроссбраузерность).
Предлагаю решение: Валидация через libphonenumber (для Германии), блокировка отправки при некорректном номере, уведомление на немецком и подсветка поля, нормализация номера в формате E.164 (+49…), фильтрация 0000000000;
Решение будет работать без SMS, стабильно на desktop и mobile, без конфликтов с другими скриптами.
Готов быстро реализовать и предоставить инструкцию по внедрению.
Бюджет: 144 EUR Срок: 3 дня
Готов выполнить.
Опыт работы в Web Development более 12+.
Примеры работ https://koder.pp.ua/portfolio/
Бюджет: 200 EUR Срок: 2 дня
Добрый день!
Меня зовут Дмитрий, компания King Kong Web.
Я ознакомился с вашим ТЗ по Onepage. Мы можем сделать клиентскую валидацию номера телефона без SMS, чтобы форма не отправлялась с "мусорными" номерами, а пользователь сразу видел ошибку.
Реализуем это через вставку кастомного JavaScript в Onepage: подцепимся к событию submit формы, проверим номер на 2 уровне (базовая проверка + правила для DE/+49), при ошибке заблокируем отправку и покажем сообщение на немецком. Также добавим подсветку поля, и при исправлении номера ошибка будет исчезать.
По подходу: оптимально использовать libphonenumber (через CDN), чтобы корректно валидировать немецкие номера и, при необходимости, нормализовать их в формат E.164 перед отправкой. Если Onepage не даст стабильно подключить библиотеку — сделаем надежный fallback на правила длины/паттернов (regex + логика против 0000/слишком коротко).
После выполнения передадим готовый код для вставки, короткую инструкцию куда именно добавить в Onepage, какие селекторы используем и как проверить работу на desktop/mobile.
Готовы приступить сразу. Если нужно — пришлите ссылку на страницу с формой или скрин/HTML структуру, чтобы быстро подобрать самый стабильный способ подключения.
Бюджет: 150 EUR Срок: 5 дней
Добрый день, Валерий.
Выбираю libphonenumber вместо regex. Это обеспечит точную проверку немецких номеров (+49), нормализацию до E.164 и блокировку фейков. Интегрирую через Custom Code, используя MutationObserver для стабильности с динамическим DOM.
Пользователи увидят понятные сообщения об ошибке на немецком языке, а отправка будет блокироваться до исправления данных. Вы получите готовый код и инструкцию, что гарантирует чистоту базы без ухудшения конверсии.
Готов предоставить полный код и инструкции для интеграции в Onepage.
А еще, вместо базовой валидации, предлагаю расширить функционал до интеллектуальной маски ввода номера телефона (на основе intl-tel-input). Это значительно улучшит UX, автоматически форматируя номер во время ввода и подсвечивая правильный формат для Германии. Также можно добавить автоматическое определение страны по префиксу, что упростит ввод для пользователей из других стран в будущем.
Бюджет: 150 EUR Срок: 1 день
✋ Здравствуйте! Мы IT-компания dZENcode.
Мы реализуем валидацию телефонов в Onepage без SMS: libphonenumber, +49 и локальный 0…, нормализация в E.164, блокировка submit и ошибки DE, опираясь на опыт команды, лучшие практики и собственные наработки.
Можно предоставить ссылку на страницу Onepage с формой?
Допустимо подключение libphonenumber или intl-tel-input через CDN?
Подробную информацию о наших услугах и ставках вы найдёте на сайте: Freelancehunt.
Посмотрите – дальше обсудим детали работы, пишите, как будете готовы.
Финальная стоимость формируется только после уточнения объёма и требований.
___________________
С уважением,
Менеджер dZENcode
Наши сильные стороны:
💎 10+ лет оказываем IT-услуги: Аутсорс, Аутстаф
🔥 90+ штатных специалистов
🚀 Проекты «с нуля» и на поддержку
⚙️ SLA и постпродакшн-сопровождение
✅ Договор c компанией, гарантированный результат!
🔥 250+ публичных отзывов с 2015 года.
Бюджет: 150 EUR Срок: 5 дней
Привет,
Я могу реализовать валидацию номеров телефонов для ваших форм Onepage. У меня есть опыт работы с валидацией на стороне клиента с использованием JavaScript, работы с конструкторами форм и манипуляции с DOM в динамических средах.
Я создам скрипт валидации, который блокирует отправку недействительных немецких номеров телефонов, таких как 0000000000, короткие номера и повторяющиеся шаблоны, валидирует как форматы +49, так и местные 0, используя библиотеку Google libphonenumber для точной валидации немецких номеров, показывает сообщения об ошибках на немецком языке с красной рамкой, нормализует действительные номера в формат E.164 перед отправкой и работает надежно на настольных и мобильных браузерах.
Что касается опыта работы с Onepage.io, я не работал напрямую с Onepage.io, но у меня есть опыт интеграции пользовательского JavaScript в платформы, такие как Webflow и Wix, где существуют аналогичные проблемы с динамическими идентификаторами и асинхронной загрузкой форм. Подход аналогичен, используя стабильные селекторы, MutationObserver для асинхронной загрузки и делегирование событий.
Что касается подхода, я рекомендую использовать libphonenumber через легковесную версию CDN, такую как google libphonenumber js. Это более надежно, чем регулярные выражения для немецких номеров, которые имеют переменную длину. Регулярные выражения могут работать как запасной вариант, но не поймают все крайние случаи.
Для нормализации в формате E.164 libphonenumber может нормализовать действительные номера в формат E.164 перед отправкой формы, что помогает с согласованностью данных CRM.
Для стабильности DOM я буду использовать несколько запасных селекторов, таких как тип ввода tel, текст заполнителя и текст метки, и реализую MutationObserver для повторного подключения валидации, если форма загружается асинхронно. Я также протестирую несколько форм на странице и нацелюсь на правильную.
Я предоставлю готовый к использованию код JavaScript с ссылками на библиотеку CDN, инструкциями по интеграции, документацией по селекторам и необязательным CSS для стилизации ошибок.
Сроки: 1 неделя
Стоимость: от 400 до 500 долларов США
Я готов начать работу немедленно.
Юссеф
Бюджет: 150 EUR Срок: 2 дня
Здравствуйте, напишите в лс
--------------------------------------------------
Бюджет: 150 EUR Срок: 3 дня
Здравствуйте! Я внимательно изучил ваш проект и готов приступить к его реализации. Давайте обсудим детали для наилучшего выполнения.
Бюджет: 150 EUR Срок: 2 дня
Доброго дня. Подобные задачи делал, но не на onepage
Функция вставки своего кода доступна в платных версиях - потому что-то проверить не могу.
Получится или нет, не скажу. Но опыт в целом есть и лично мне нужно разбираться "на месте". Подходит - обращайтесь.
Делал: Скрипт унификации мобильных номеров - есть в портфолио.
Бюджет: 150 EUR Срок: 1 день
Здравствуйте, Валерий Щербаков.
Я более внимательно проверил ваши требования.
Я могу полностью создать раздел, используя библиотеку (libphonenumber или другую) и несколько пользовательских функций.
В этом случае мне не нужно изменять DOM для этого.
Я добавлю только новый раздел (для ошибки).
Надеюсь заключить с вами контракт.
Спасибо.
Бюджет: 200 EUR Срок: 3 дня
Привет. Заинтересован в реализации валидации номеров телефонов для форм на Onepage. Это важная задача, так как правильная валидация повысит качество лидов и снизит нагрузку на менеджеров. Мой подход: использовать библиотеку libphonenumber для точности, так как она хорошо работает с немецкими номерами. Также реализую основную и дополнительную валидацию, чтобы пользователи получали понятные сообщения об ошибках. Что касается интеграций в Onepage, у меня есть опыт работы с подобными конструкторами. Для стабильности при изменениях DOM использую подходы, которые не зависят от динамических селекторов. Оцениваю проект в 200 EUR, с сроками около 2-3 дней с учетом буфера. Какие у вас есть вопросы?
Бюджет: 150 EUR Срок: 1 день
Добрый вечер. Ваше задание мне вполне понятно. Я знаю, как решить вашу проблему, напишу весь необходимый функционал с нужной валидацией. Номера будут корректные, всё как вы хотите...
Сделаю дополнительные проверки, вы будете очень довольны результатом!!!
Жду вас в личных сообщениях.
Бюджет: 150 EUR Срок: 1 день
Готова выполнить прямо сейчас, отдам код через час. Опыт более 4-х лет
ответы
1) Да. Подход, который я использую, является универсальным для любых no-code конструкторов
2) Однозначно libphonenumber-js как основной подход.
3) Да, это возможно
4) Каскад селекторов: скрипт ищет поле не по одному ID или классу, а по цепочке из 7 селекторов (тип tel, атрибуты name, placeholder). Даже если Onepage изменит один — сработает другой.
p/s напишите в лс, уже имею готовое решение
Бюджет: 150 EUR Срок: 1 день
Добрый вечер, выполню задание за 1 час, если интересно, пишите, буду рад сотрудничеству
upd: уже имею готовый код, только интегрироваться в вашу форму, нужно ссылка
Доброго дня , 1) обновить jQuery** до актуальной версии (3.x) с подключением jQuery Migrate 2) Тщательно протестируйте функциональность приложения 3) и устранить возможные ошибки чтобы скрипты все были совместимы между собой по версиям здесь нужно полностью переписыватьhttps://filtry.in.ua/assets/libs/libs.js под новую версию jquery так как там и бутстрап старый и много функций кастомных прописано
Описание: Необходимо создать JavaScript-скрипт для расширения Tampermonkey. Скрипт будет работать во внутренней рабочей CRM-системе.Логика работы: Скрипт должен считывать уникальный текстовый ID текущего активного диалога на странице (всего есть 5–10 различных ID). В зависимости от ID, скрипт берет соответствующую текстовую инструкцию (System Prompt) из настроек. Карта параметров по ID должна быть вынесена в отдельное удобное окно настроек скрипта. При появлении нового сообщения в окне чата, скрипт отправляет этот текст вместе с промптом через API OpenAI (модель gpt-4o-mini). Полученный ответ скрипт вставляет в поле ввода текста и инициирует отправку с рандомной задержкой в 20–45 секунд для имитации естественной работы оператора.Работа сугубо с текстом. Бюджет — 6000 грн. Жду предложений от разработчиков с опытом работы с OpenAI API и написанием скриптов автоматизации браузера.
Необходимо разработать собственный веб-сервис для автоматизации работы кофеен и небольших заведений общественного питания. По функциональности продукт должен быть похож на Poster POS, но с собственным дизайном, архитектурой и программным кодом. Копирование кода или интерфейса Poster не предполагается. Планируется создание полноценного коммерческого SaaS-продукта, которым в будущем смогут пользоваться различные кофейни по подписке.На первом этапе нужно разработать MVP Основной функционал: регистрация и авторизация владельца заведения; создание одного или нескольких заведений; управление сотрудниками и ролями; каталог товаров, категорий и модификаторов; добавление размеров, вкусов и дополнительных опций; кассовый интерфейс для оформления продаж; открытие и закрытие кассовой смены; разные способы оплаты; возврат и отмена заказов; учет остатков и списание товаров; базовый складской учет; история продаж; отчеты по выручке, товарам, сменам и сотрудникам; программа лояльности для клиентов; адаптивная работа на планшете, ноутбуке и смартфоне; административная панель владельца сервиса; тарифные планы и ограничения в соответствии с тарифом.В дальнейшем планируется мобильное приложение; интеграция с платежными терминалами; печать чеков; интеграция с фискальными сервисами; доставка и онлайн-заказы; бронирование столиков; расширенная аналитика; API для сторонних интеграций; интеграция с бухгалтерскими и CRM-системами.Важные требования система должна быть рассчитана на работу многих независимых заведений; данные каждого клиента должны быть изолированы; необходимо предусмотреть масштабирование продукта; нужна безопасная работа с финансовыми и персональными данными; код должен быть структурированным и пригодным для дальнейшего развития; нужна техническая документация; права на исходный код после оплаты передаются заказчику. Дизайн на данный момент отсутствует, поэтому нужно отдельно оценить UI/UX-дизайн или предложить готовое решение для MVP.В предложении укажите опыт создания SaaS, POS, CRM, ERP или учетных систем; примеры подобных работ; предложенный стек технологий; состав команды; ориентировочную стоимость MVP; срок разработки; что именно входит в предложенную стоимость; стоимость дальнейшей поддержки; готовы ли работать поэтапно с оплатой за каждый завершенный этап. Преимущество исполнителям или командам, которые уже разрабатывали кассовые, складские, ресторанные или многопользовательские SaaS-системы.
Технологический стек - React: Адаптивная и динамичная разработка фронтенда - Node.js: Надежные операции на бэкенде - Web3: Мультицепочная интеграция криптовалют - Solidity: Разработка смарт-контрактов Цель проекта Разработать комплексную мультицепочную платформу для стекинга для популярной игровой экосистемы, обеспечивающую бесшовные взаимодействия с криптовалютой, интеграцию NFT-рынка и улучшенный пользовательский опыт на нескольких совместимых с EVM блокчейн-сетях. Белая книга Мы больше, чем просто мобильная игровая студия; мы визионеры и новаторы в мире игр. Наша команда состоит из талантов мобильной игровой индустрии и увлеченных геймеров, и она стремится раздвинуть границы возможного в мобильных играх. Наш опыт сосредоточен на гибридизации жанров, чтобы создать нечто поистине уникальное, что мы адаптируем для перехода от игр Web2 к играм Web3. От гоночных RPG до стратегий в реальном времени, мы постоянно экспериментируем и смешиваем жанры, чтобы предложить новые игровые впечатления. Наши игры — это не просто форма развлечения; это погружающие путешествия, которые вовлекают, бросают вызов и захватывают наших игроков. Мы воплощаем нашу миссию не просто развлекать, но и переносить нашу аудиторию в необычную вселенную интерактивного мира в рамках игр Web3. - Разработка фронтенда - Разработка бэкенда - Редизайн целевой страницы - Мультицепочная интеграция - NFT-рынок - Тестирование и контроль качества - Развертывание и обслуживание
Сайт уже запущен и работает. Основная задача — разобраться в текущей структуре проекта, проверить качество реализации, исправить найденные технические проблемы и помочь с дальнейшими изменениями.Основной стек Next.js 15 React 19 TypeScript Tailwind CSS Zod Redux Toolkit В проекте также могут использоваться: Prisma JWT-авторизация Stripe Mailgun Google APIs Vercel или Netlify FunctionsОсновные задачи провести ревизию существующего проекта; оценить структуру и качество кода; исправлять ошибки и дорабатывать текущий функционал; улучшать серверный рендеринг и скорость загрузки страниц; проверять корректность отображения сайта на мобильных устройствах; работать с формами, административной частью и внешними интеграциями; вносить технические SEO-изменения; поддерживать и постепенно улучшать существующий сайт.Что для нас важно хороший опыт работы с Next.js, React и TypeScript; умение разбираться в чужом коде; понимание SSR и особенностей Next.js App Router; внимательность к производительности и качеству реализации; умение объяснять найденные проблемы и предлагать понятные решения; самостоятельность и аккуратная работа с действующим сайтом. На первом этапе необходимо ознакомиться с проектом, провести техническую ревизию и предложить список приоритетных изменений. После этого возможна постоянная работа над дальнейшим развитием сайта.