Contexto
Quando um formulário falha, a pessoa não deveria perder o que já conseguiu preencher. O sistema deve preservar os valores válidos e pedir correção apenas do que está errado.
Preservar dados não significa guardar tudo indefinidamente. Mantenha o preenchimento durante a recuperação da tarefa, com proteção adequada, e trate senhas, códigos de segurança e arquivos de acordo com suas regras de segurança.
Após um erro de validação, mostre o formulário novamente com os textos, seleções e opções válidas preservados. Destaque apenas os campos que precisam de correção. Não reinicie a tarefa inteira por causa de um erro localizado.
Explique o problema em um resumo no início e repita a mensagem junto ao campo. Faça o resumo apontar para os controles correspondentes e mantenha rótulo, valor e instrução visíveis para que a pessoa consiga revisar o que digitou.
Em formulários longos ou divididos em etapas, preserve os dados enquanto a tarefa estiver ativa e durante tentativas de recuperação. Em falhas temporárias, permita tentar novamente sem apagar a entrada; em recarregamentos inevitáveis, restaure os dados não sensíveis de forma segura.
Separe recuperação de usabilidade de retenção permanente. Não mantenha senhas ou códigos de segurança de cartão após a autorização. Para pagamentos, use o fluxo e a tokenização do provedor; o PCI SSC proíbe armazenar códigos de verificação após a autorização. Preserve os demais dados quando a política de segurança permitir.
Porque isso importa?
Apagar o formulário transforma um erro localizado em trabalho repetido. A pessoa precisa lembrar, localizar e redigitar informações que já estavam corretas, o que aumenta esforço, frustração e abandono.
Em testes de checkout, o Baymard observou que dados de cartão apagados após erros em outros campos levaram participantes a abandonar a tarefa. O estudo também descreve que manter os dados permite revisar o valor e corrigir somente o campo inválido.
A preservação também favorece acessibilidade e recuperação cognitiva. O W3C considera boa prática manter preenchidos os campos sem erro, e orienta que o resumo identifique os controles, ofereça links e mova o foco de forma previsível. Preservar dados, porém, deve respeitar segurança, privacidade e o tempo de vida da sessão.
Quando usar?
- Depois de uma validação com erro.
- Ao retornar uma resposta do servidor.
- Em formulários longos.
- Em etapas com voltar e avançar.
- Após falhas temporárias e tentativas.
- Quando um campo depende de outro.
- Em tarefas com dados difíceis de redigitar.
- Quando o valor puder ser mantido com segurança.
Quando evitar?
- Para senhas e códigos de segurança após autorização.
- Após a pessoa escolher limpar ou cancelar.
- Quando a sessão expirar.
- Em outro usuário ou contexto de acesso.
- Para arquivos que o navegador não permite repopular.
- Quando a política de segurança exigir descarte.
- Ao transformar valores sem avisar.
- Quando o dado não pertence à tarefa atual.
Recomendações
Faça
- Preserve textos válidos.
- Preserve seleções.
- Marque só o campo inválido.
- Mostre resumo com links.
- Mantenha rótulos visíveis.
- Retorne o foco previsivelmente.
- Permita tentar de novo.
- Proteja o rascunho ativo.
- Explique descartes necessários.
Evite
- Não limpe o formulário inteiro.
- Não apague campos válidos.
- Não exija redigitação global.
- Não esconda a causa.
- Não persista senha ou CVV.
- Não repopule arquivos automaticamente.
- Não confunda erro técnico com validação.
- Não altere o formato em silêncio.