Формы с AI ломаются не на дизайне, а на валидации: вот рабочий шаблон

Формы с AI ломаются не на дизайне, а на валидации: вот рабочий шаблон

Если просить редактор «сделай форму заявки», он часто рисует красивые поля, но забывает про логику. В итоге: кнопка активна без заполнения, email проходит как текст, ошибки показываются только после сабмита.

Рабочий подход такой:
• сначала описываешь структуру: имя, телефон, email, чекбокс согласия
• отдельно задаёшь правила: required, формат email, маска телефона, минимум 2 символа в имени
• отдельно просишь состояния: empty, focus, error, success, disabled
• отдельно требуешь текст ошибок коротко и без воды

Промпт лучше формулировать не как «сделай форму», а как «собери форму с клиентской валидацией и понятными состояниями ошибок».

Проверь, чтобы AI не спрятал логику в одном большом компоненте. Если потом нужно менять форму под другой оффер, это должно делаться через список полей и правила, а не через переписывание всего блока.

Итог: хорошая AI-форма — это не только разметка, а контракт между полями, ошибками и кнопкой. Если этот контракт описан в промпте, ручной доработки становится в разы меньше.