JavaScript Para Validar Email

#codigo{
background:#999;
border-radius:5px;
border:solid 1px #DEDEDE;
padding:10px;
color:#FFF;
}

JavaScript para validar email

En esta entrada vamos a ver un script de javascript para validar email, en entradas anteriores vimos como validar formularios con javascript ahora pasamos a validar un campo en espesifico que es el de email utilizando javascript, como siempre te digo que hay otras alternativas para validar formularios y por ende más seguras como validar formularios con php pero bueno cada quien sabe a qué se atiene en su web.


(adsbygoogle = window.adsbygoogle || []).push({});

Este es el código javascript para validar email.

<script languaje=”JavaScript”>
function direccionEmail(theElement, nombre_del_elemento )
{
var evaluar = theElement.value;
var filter=/^[A-Za-z][A-Za-z0-9_]*@[A-Za-z0-9_]+.[A-Za-z0-9_.]+[A-za-z]$/;
if (evaluar.length == 0 ) return true;
if (filter.test(evaluar))
return true;
else
alert(“E-mail incorrecto”);
theElement.focus();
return false;
}
</script>

Y este el código HTML completo el que contiene el formulario al cual vamos a validar

<!DOCTYPE HTML>
<html lang=”es” >
<head>
<title>Codigo javascript para validar email</title>
<script languaje=”JavaScript”>
function direccionEmail(theElement, nombre_del_elemento )
{
var evaluar = theElement.value;
var filter=/^[A-Za-z][A-Za-z0-9_]*@[A-Za-z0-9_]+.[A-Za-z0-9_.]+[A-za-z]$/;
if (evaluar.length == 0 ) return true;
if (filter.test(evaluar))
return true;
else
alert(“E-mail incorrecto”);
theElement.focus();
return false;
}
</script>
</head>
<body>
<form>
<input type=”text” name=”email”>
<input type=”submit” value=”Enviar” onClick=”return direccionEmail(email,’email’ )”>
</FORM>
</body>
</html>

Si te fijas en el código HTML lo que hemos creado es un simple formulario al cual le agregamos 2 input uno de tipo texto y otro de tipo submit, al campo de tipo texto le ponemos como nombre email esto es para saber a qué campo vamos hacer referencias en javascript.

Ahora en el código javascript lo primero que creamos es una función y le asignamos un nombre en este caso direccionEmail() esta función tenemos que llamarla desde el botón submit para que realice lo que se encuentra dentro de ella antes de enviar los datos, en este caso ira a validar el email que está en el campo de texto.

Hasta aquí esta entrada donde les ponemos a disposición un pequeño código javascript para validar email en cualquier sitio web. En una próxima entrada vamos hacer lo mismo pero utilizando php ya que es una forma más segura y mas optima ya que se puede validar en cualquier navegador y no como javascript que necesita tener esta opción activada en el explorar.

Gracias por leer el tutorial y hasta una próxima entrada..

Comments

  1. By Anónimo

Deja un comentario

Tu dirección de correo electrónico no será publicada.