Posts Tagged email

Validar Email com JavaScript

Olá, temos muitas maneiras para validar um campo com JavaScript, vamos tratar agora o campo de Email.

Vou utilizar da maneira mais simples conhecida por um programador, que é obrigar o usuário digitar ao menos os caracteres: “@” e “.”

  1. Crie uma página de teste e um formulário, este aqui é simples:
    <form action="teste.asp" method="post" id="form" name="form"> 
    	<input type="text" name="nome"  />
    	<input type="text" name="email"  />
    	<input type="button" name="botao" value="Enviar" onClick="valida()">
    </form>
  2. Crie a função”valida()”.
  3. Vamos utilizar “indexOf”, isso faz com que seja feita uma busca no campo procurando o valor definido:
    <script> 
    function valida(){
    	if (document.form.email.value.indexOf("@")==-1||document.form.email.value.indexOf(".")==-1){
    	alert('Digite um Email válido.');
    	}else{  document.form.submit();  }
    }
    </script>
  4. Salve a página e rode para testar.

Quando for clicado em Enviar, será feita a verificação, caso tenha os caracteres específicos, então ele submete o formulário.

Abraços!

Comentários (1)