UX, Zod, Nuxt 4, WebDev
Validação de Formulários: Eager vs. Late Validation
17/04/2026

Você já preencheu um formulário longo, dividido em etapas (Stepper), e só descobriu que errou o CPF na primeira fase quando clicou em "Finalizar" na última? 🤯 Frustrante, né?
Estou trabalhando na implementação de validações com Zod em um projeto Nuxt 4 e me deparei com esse dilema clássico de UX/UI:
- Eager Validation (Validação Imediata): O erro aparece assim que o usuário preenche o campo ou tenta avançar de etapa. Previne erros acumulados, mas pode ser percebido como agressivo.
- Late Validation (Validação Tardia): O erro só aparece no final de todo o processo. Oferece navegação fluida, mas o risco de frustração ao precisar voltar várias etapas é alto.
Meu ponto de vista técnico: O meio-termo. Usando o componente UForm do Nuxt UI e Schemas parciais do Zod, validamos o bloco completo apenas quando o usuário clica em "Próximo". Mantemos a fluidez de cada etapa, mas garantimos que ele não chegue ao fim com pendências ocultas.
E você? Qual estratégia prefere adotar nos seus projetos para equilibrar fluidez e prevenção de erros?