Início > @ javascript > Blogger Profissional > captura de e-mail blogger > email inválido javascript > email javascript > email válido > validação de email > validar email javascript > verificar email javascript

Validação de e-mail JavaScript (INPUT)

Nesse artigo irei te mostrar algumas validações necessárias para validar se um email foi escrito corretamente dentro de uma tag de INPUT. (Através de JavaScript).

As verificações que iremos fazer são as seguintes:

Não contém espaços;
Contém 1 @ com no mínimo 3 caracteres antes;
Possuir no mínimo 1 ponto;
Ter no mínimo 10 caracteres;

Sei que existem outras coisas que podemos verificar, mais acredito que essa validação é muito eficiente.

Vou utilizar uma estrutura simples:

  <input type="text" id='email' placeholder="Digite seu E-mail ..."/>
  <button onclick="validaemail()">Validar</button>

E um script simples:

<script>
  var email_recebido = document.getElementById('email');
  function validaemail(){
    if((email_recebido.value.search(" ")==-1)&&
      (email_recebido.value.search("@")>=3)&&
      (email_recebido.value.indexOf(".")>=1)&&
      (email_recebido.value.length>=10))
      {alert("E-mail válido");} 
      else {alert("E-mail Invalido");}
  }
</script>

O resultado será o seguinte:

Deixe no comentário o que você gostaria de acrescentar nessa verificação

Compartilhar: