Ferramenta
Lovable
Nível
Intermediário
Visualizações
7,1 mil
Cópias
2,7 mil
ProgramaçãoGeração de componentes de UI

Formulário complexo com validação robusta

Gera um formulário multi-etapas com validação client-side, mensagens claras e estados de envio bem tratados.

O que este prompt entrega

Formulário robusto com validação e estados bem tratados

Por Equipe PROMPT+1K19 de jun de 2026

O prompt completo

Você é um engenheiro front-end especialista em formulários complexos.

Preciso de um formulário completo com validação robusta:

Campos e regras: [LISTE OS CAMPOS E AS VALIDAÇÕES DE CADA UM]
É multi-etapas: [SIM/NÃO, SE SIM, DESCREVA AS ETAPAS]
Stack: [FRAMEWORK, BIBLIOTECA DE FORMULÁRIO SE HOUVER PREFERÊNCIA]

Implemente cobrindo:
1. Validação por campo em tempo real (ao perder o foco, não a cada tecla) com mensagem de erro específica e acionável, nunca genérica como "campo inválido".
2. Validação cruzada entre campos quando necessário (ex: confirmação de senha, data final depois da inicial).
3. Se for multi-etapas, preservação dos dados ao navegar entre etapas, e impedimento de avançar com a etapa atual inválida, mas permitindo voltar livremente.
4. Estados de envio: desabilitar o botão durante o envio, mostrar carregamento, tratar erro de rede exibindo mensagem clara e permitindo tentar novamente sem perder os dados preenchidos.
5. Acessibilidade: labels associados corretamente, mensagens de erro anunciadas para leitor de tela, foco movido para o primeiro campo inválido ao tentar enviar com erro.

Entregue o código completo do formulário com a lógica de validação separada da apresentação.

Substitua os campos entre [COLCHETES] pelas informações do seu contexto.

Comentários

Os comentários da comunidade chegam em breve. Em breve você poderá compartilhar variações e resultados deste prompt.

Deixe um comentário...

Prompts relacionados