Validar INPUT de E-Mail con Javascript

corei7 · #1 (**permalink**) 27/02/2013, 06:46

Hola buenas, tengo un formulario y voy validando todos los campos uno por uno, he llegado al campo de E-Mail y necesito que se valide con un formato correcto como: [email protected].

He mirado muchas guías en Internet pero no se adaptan a mi caso. Yo valido los campos de esta forma:

Código:

function valida_envia(){
//-----------------------------------------USUARIO NOMBRE--------------------------------------------
   	// USUARIO_NOMBRE CAMPO NO VACÍO
   	if (document.formulario.usuario_nombre.value.length==0){ 
      	 alert("Tiene que escribir su nombre") 
      	 document.formulario.usuario_nombre.focus() 
      	 return false; 
   	}

El ejemplo muestra como utiliza las variables (document.formulario.usuario_nombre.value.length), pues necesito que se valide el campo de e-mail de la misma forma, todo dentro de una única función (valida_envia)

Gracias de antemano.

emprear · #2 (**permalink**) 27/02/2013, 07:19

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
 
 
 
label{
width: 150px;
display: inline-block;
}
 
/*]]>*/
</style>
<script type="text/javascript">
 
function validar(){
var nombre = document.getElementById('nombre').value;
var email = document.getElementById('email').value;
var email2 = document.getElementById('email2').value;
var formato = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
 
// validamos si el campo nombre está vacío o no
nombre = nombre.replace(/(<([^>]+)>)/ig,""); // quitás posible código html
nombre = nombre.replace(/^\s+/g,'').replace(/\s+$/g,'');// limpias espacios en blanco al inicio y final del nombre
if(nombre == ''){
alert('Ingrese su nombre')
return false;
}
 
var v_email = formato.test(email);
 
if((v_email != true)||(email == "")){
alert('Email no válido');
return false;
}
 
var v_email2 = formato.test(email2);
 
if((v_email2 != true)||(email2 == "")){
alert('Email2 no válido');
return false;
}
 
/// Si no hubo ningún error, el form se procesa
 
alert('gracias ' + nombre);
 
}
 
</script> 
</head>
<body>
<div>
<form action="#" onsubmit="return validar();">
<label for="nombre">Nombre: </label><input type="text" value="" id="nombre" name="nombre" /><br />
<label for="email">Email: </label><input type="text" value="" id="email" name="email" /><br />
<label for="email2">Email 2: </label><input type="text" value="" id="email2" name="email2" /><br />
<input type="submit" class="boton" value="eeeee" />
</form>
</div>
</body>
</html>

Esto ha sido tratado muchas veces en el foro, por favor para la próxima esforzate en tus búsquedas