Comunique erros ao usuário e valide os dados também no backend. Este guia trata de uma tarefa específica e não substitui uma avaliação completa de acessibilidade nem determina conformidade legal.
Entenda o risco
Validação apenas visual pode falhar com script desligado ou ser contornada por requisição direta. Reproduza o cenário antes da alteração e identifique navegador, etapa e dados de teste usados.
Configure o fluxo
-
Use controles nativos quando adequados e forneça mensagens compreensíveis.
-
Repita validação no servidor antes de armazenar ou processar os dados.
Valide com uma tarefa real
Teste campos inválidos com JavaScript ativo e desativado e inspecione resposta do servidor. Repita em teclado, dispositivo estreito e tecnologia assistiva sempre que esse fluxo puder ser usado nesses contextos.
Limites e cuidados
Validação do cliente melhora interação, mas não protege o backend. Mantenha a validação de segurança no servidor e proteja os dados pessoais envolvidos.
O cuidado é ainda mais importante quando o formulário recebe arquivos. Antes de liberar esse fluxo, confira os requisitos para criar um portal de arquivos, incluindo autorização, formatos permitidos e limites.
Referência
Veja Validação de campos — W3C WAI e o núcleo de controles e formulários.