Padrões básicos de validação e tratamento do envio

Objetivo: adicionar verificações simples aos formulários e tratar o envio de forma tranquila.

• Campos obrigatórios
• Verificações de comprimento
• Padrão básico de e-mail

Um fluxo típico:

• onSubmit chama event.preventDefault()
• Execute as validações
• Se não houver erros: prossiga (envie os dados ou mostre uma mensagem de sucesso)
• Se houver erros: atualize o estado e exiba mensagens

Comece com pouco:

• Obrigatório: value.trim().length > 0
• Comprimento: pelo menos N caracteres
• E-mail: uma verificação básica, como value.includes("@"), para iniciantes

Trate o envio com preventDefault(), valide e mostre erros em linha armazenados no estado.

Dicas para uma melhor experiência com erros:

• Mostre mensagens próximas aos campos
• Mantenha o texto curto e útil
• Desative o envio apenas quando necessário

Evite:

• Esquecer preventDefault() no envio
• Usar campos de entrada não controlados com estado de validação
• Expressões regulares enormes no início — comece com algo simples e melhore depois

Recapitulação: impeça o recarregamento com event.preventDefault(), execute verificações simples (obrigatório/comprimento/e-mail) e exiba os erros do estado ao lado dos campos.