Formularz kontaktowy z walidacją na żywo i niewidoczną ochroną przed spamem

Prowadzimy stronę internetową małej firmy i potrzebujemy, aby nasz formularz kontaktowy został przebudowany, aby działał tak, jak powinien nowoczesny formularz. Obecnie odwiedzający wypełniają każde pole i dopiero po naciśnięciu przycisku 'wyślij' dowiadują się, że coś jest nie tak, co cicho kosztuje nas potencjalnych klientów. Chcemy walidacji na poziomie pól, które działają w miarę pisania przez imię, telefon, format e-maila i długość wiadomości, z podpowiedziami inline pojawiającymi się obok pola zamiast ściany błędów na końcu.

Spam to druga połowa problemu. Nasz obecny formularz codziennie zalewany jest zgłoszeniami od botów, a nie chcemy wizualnego captcha, które zmusza prawdziwych odwiedzających do rozwiązywania zagadek, ponieważ wielu po prostu opuszcza stronę. Szukamy niewidocznej ochrony: pola honeypot, kontrole czasowe, nowoczesne podejście oparte na tokenach lub inną sprawdzoną metodę, która eliminuje hałas bez dodawania tarcia dla prawdziwych klientów.

Gdy zgłoszenie przejdzie walidację, musi dotrzeć do naszego zespołu: powiadomienie e-mailowe i, idealnie, dostarczenie do naszego CRM przez jego API. Proszę zaplanować eleganckie obsługiwanie, jeśli dostarczenie się nie powiedzie.

Czego oczekujemy:
— Walidacja po stronie klienta na żywo, kontrole po stronie serwera jako zapas
— Niewidoczna warstwa antyspamowa, brak zagadek captcha
— Dostarczenie e-mailowe plus CRM z rejestrowaniem w przypadku awarii
— Czysty, udokumentowany kod, który będziemy mogli później utrzymać