Intro Component with signup form

Community feedback

• 

  P

  Daniel 🛸•44,740

  @danielmrz-dev

  Posted about 1 year ago

  Fala, Lucas!

  Tenho uma sugestão sobre o Javascript:

  📌 A validação que você usou na função adiciona o ícone de erro caso os inputs estejam vazios, porém você não adicionou uma instrução que remova esse ícone caso o input não esteja mais vazio.

  Então se você tentar enviar com algum dos inputs vazio, ele mostra o ícone, mas se você voltar e preencher o input, o ícone de erro não desaparece.

  📌 Uma outra sugestão seria você fazer aparecer as mensagens de erro junto com o ícone de erro. No seu HTML, o elemento até existe, você colocou display: none nele, então ele não aparece. Você poderia mudar o display pra block usando o javascript dentro da mesma validação que verifica se o input está vazio. Ficaria algo do tipo:

  if (input está vazio) {
      mostre o ícone;
      mostre a mensagem de erro;
  else {
      remova o ícone;
      remova a mensagem de erro;
  }
  

  Assim, tanto o ícone quanto a mensagem aparecem juntos.

  Espero que ajude! Abraço!

  00

  Marked as helpful