@faleaksey

Как реализовать данную форму?

Всем привет! имеется форма:
5c90f97602ce7196872697.png
принцип работы следующий:

поле с email и кнопка не активны пока не проверится ключ(первое поле).
Ключ проверяется после того как мы его ctr + c/ctr + v в поле или же когда ввели последний символ(спустя 500мс).
Ключ проверяется отправкой через ajax на сервер и возвращает ответ - если ответ ок, то поле с email и кнопкой становятся активны и далее вводим email и отправляем это ещё раз чтобы получить на мыло "плюшку".
Как подойти к реализации? я приблизительно представляю как это сделать через несколько функций ajax но не хочется копипастить и плодить код.
  • Вопрос задан
  • 64 просмотра
Решения вопроса 1
MatthewAllDev
@MatthewAllDev
Программист, начинающий сисадмин, гик.
Если кратко и не писать код:
1) Вешаешь на input с ключом событие input, которое запускает функцию валидации. В функции получаешь значение поля, ставишь некоторую задержку, повторно проверяешь значение (это для того, чтобы понять закончил ли пользователь ввод, ибо при событии change функция сработает только после сброса фокуса с поля), проводишь валидацию отправкой запроса на сервер. Верно - активируешь поле e-mail.
2) По input или change валидируешь e-mail на клиенте по маске и активируешь кнопку.
3) По нажатию на кнопку отправляешь снова AJAX.

Другой вариант с одним AJAX запросом - всего лишь превалидировать ключ на клиенте по маске, а конкретно проверять его уже на сервере после отправки всей формы и возвращать корректность значения.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
19 апр. 2024, в 13:31
10000 руб./за проект
19 апр. 2024, в 13:12
35000 руб./за проект
19 апр. 2024, в 13:06
6000 руб./за проект