Валидация

Клиентская проверка ловит ошибки до отправки, и посетитель не ждёт ответа сервера, чтобы узнать об опечатке в e-mail. Во всех примерах схема одна: обработчик fetchit:before проверяет поля, рисует ошибки через setError и отменяет отправку preventDefault().

Важно!

Валидация на стороне клиента небезопасна и должна быть реализована только для удобства пользователя.

• Средствами браузера — атрибуты required, type, pattern, без библиотек
• Zod — самая популярная библиотека схем, в браузере — лёгкая сборка zod/mini
• Valibot — схема из маленьких функций, 2–3 КБ
• yup — схема, если yup уже есть в проекте
• validator.js — готовые проверки телефона, e-mail и других строк; дополняет любой вариант выше

FetchIt сам снимает ошибки перед каждой отправкой и с поля, которое посетитель начал править, поэтому очищать их в обработчике не нужно.