Como validar email em Javascript – Tutorial

Por | Atualizado em 2016-01-17

O Javascript permite validar os dados introduzidos em formulários, de uma forma simples e intuitiva. Dessa forma, é possível melhorar a consistência dos dados recebidos.

Neste tutorial, iremos explicar como validar a introdução de um email no formulário usando Javascript. O script irá testar se o campo está preenchido e se possui o tradicional “@” e o ponto (.).

Como validar email em Javascript?

Vamos começar por criar um script com o código necessário para testar se o campo “email” foi preenchido.

<script type="text/javascript">
function validar()
{
if (document.getElementById("email").value=="")
{
alert("Por favor introduza o email");
document.myform.email.focus();
return false;
}
}
</script>

Após verificar se o email for introduzido, será necessário validar a informação introduzida. Para isso, iremos completar o nosso script com o código:

<script type="text/javascript">
function validar()
{
if (document.getElementById("email").value=="")
{
alert("Por favor introduza o email");
document.myform.email.focus();
return false;
}
var emailid = document.getElementById("email").value;
atpos = emailid.indexOf("@");
dotpos = emailid.lastIndexOf(".");
if (atpos <1 || (dotpos-atpos < 2))
{ alert("Por favor introduza um email correto");
document.getElementById("email").focus();
return false;
}
return (true);
}
</script>

Nos nossos testes, usamos um formulário bastante simples:

<form id="myform">
<input type="text" id="email" name="email"/>
<input type="button" onclick="validar()" value="Obter Valores" />
</form>

Em alternativa, você poderá usar o plugin Valideasy em Jquery. Na prática, o ValidEasy permite adicionar vários tipos de validação (tipos de dados, dados introduzidos, etc.).

Para mais detalhes, consulte a seguinte página: Valideasy.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *