2
respostas

Melhor forma de comunicar um erro ao preencher um formulário

No curso de Javascript o instrutor está criando uma lista em HTML para mostrar possíveis erros de peso e/ou altura. Obviamente se usarmos console.log o usuário não interage com esse tipo de saída, mas, porque não usar um alert()? Tecnicamente é possível, disso estou certo, mas, quais são os impactos se usar uma caixa de dialogo ao invés de adicionar marcações no HTML?

2 respostas

Pensando em UX (Experiência do Usuário), não é uma boa maneira de você apresentar um erro. Com um alert, você trava o seu site, não é possível realizar scroll e nem realizar qualquer ação. Fora que não é algo bonito, algo elegante, tanto de jogar um erro, quanto de visualizar isso na interface.

Olá Ismael, tudo bom?

Complementando nosso amigo Júlio, realmente não é uma boa ideia utilizar o alert por esses motivos citados.

Entretanto, existem outras formas de informar algo para nosso usuário, uma delas é utilizar uma library para isso.

Dê uma olhada no Toastr, é bem bacana e fácil de utilizar. Porém existem avisos que faz sentido que "trave" seu sistema, necessitando de atenção total por parte do usuário (ex: "deseja mesmo deletar"), nesse caso o mais recomendado é utilizar um modal, veja um exemplo aqui

Espero ter ajudado!

Abraços e bons estudos!