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 “.”
- 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>
- Crie a função”valida()”.
- 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> - 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!
lucas disse
f