Segue abaixo um código em JavaScript para validação do campo Email em formulários.
Código do formulário:
<form id="form1" name="form1" method="post" action="#" onsubmit="return valida_form(this)"> <label for="email"></label> <input name="email" type="text" id="email" size="35" /> </form>
Criando a função:
<script type="text/javascript" language="javascript"> function valida_form (){ var filter = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i; if(!filter.test(document.getElementById("email").value)){ alert('Por favor, digite o email corretamente'); document.getElementById("email").focus(); return false } } </script>
Outra forma de verificar se o Email foi digitado corretamente
O exemplo a seguir ilustra a validação de um endereço de Email ou seja, se o texto digitado contém um símbolo @ e pelo menos um ponto (.). Além disso, o @ não pode ser o primeiro caractere, e o último ponto (.) deverá vir após o @ e, no mínimo, com dois caracteres antes do final. Essas são as regras da sintaxe de um Email.
/*função valida email*/ function valida_form() { var x=document.forms["myForm"]["email"].value; var atpos=x.indexOf("@"); var dotpos=x.lastIndexOf("."); if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) { alert("Não é um endereço de e-mail válido"); return false; } return true; }
Post muito útil, obrigado.
Simples, prático e funcionável. Valeu!!
util