O input type[email]
tem como finalidade validar se o campo está sendo preenchido com um e-mail válido.
Porém diversas vezes já passei por questionamento em alguns projetos sobre o por que esse campo aceitar alguns tipos de e-mail que são aparentemente inválidos.
Exemplo:
[type=email]:invalid{
color:red;
}
[type=email]:valid{
color: green;
border-color: lightgreen;
}
<input type="email" value="wallace@dominio-sem-ponto-com" />
<input type="email" value="wallace@xx" />
<input type="email" value="[email protected]" />
<input type="email" value="wallace" />
Se você observar, nenhum dos e-mails cujo domínio estava sem o ".com"
ou ".net"
foi marcado como inválido.
Por que isso acontece?
Por que o e-mail "wallace@dominio-sem-ponto-com"
foi considerado válido pelo navegador?
Existe algum caso onde seria válido usar um domínio sem o valor depois do ponto (.com
, .net
, etc) ?