Validacion email, mas compleja

SirDuque · #1 (**permalink**) 17/03/2010, 20:05

Bueno gente! casi nada de javascript. haci que una manito por favor.
Codigo:

Código Javascript:

Ver original<script language="JavaScript">
   function validar_email() {
    if (document.formu.EMAIL.value.indexOf('@') == -1){
     alert ("Debes colocar una \"Dirección de Email\" válida");
     document.formu.EMAIL.focus(); //Esto recorna el cursor al campo "Email"
    } else {
     if (document.formu.EMAIL.value.indexOf('.') == -1){
     alert ("Debes colocar una \"Dirección de Email\" válida");
     document.formu.EMAIL.focus(); //Esto recorna el cursor al campo "Email"
   } else {
     if (document.formu.EMAIL.value.indexOf('yahoo'; 'hotmail'; 'gmail'; 'live')  == -1){
     alert ("Debes colocar una \"Dirección de Email\" válida");
     document.formu.EMAIL.focus(); //Esto recorna el cursor al campo "Email"
    } else { 
    
     document.formu.submit();
    }}}
   }
  </SCRIPT>
 </HEAD>
 <BODY>
  <script language="JavaScript">
   var w = 300;
   var h = 80;
   resizeTo(w, h);
   moveTo((screen.width - w)/ 2, (screen.height - h)/ 2);
  </script>

Como veran en la fila 11, le mande fruta....
la idea es que solo puedan validad emails : gmail, hotmail, yahoo, live...

Me ayudan por favor. Saludos

raul_romero · #2 (**permalink**) 17/03/2010, 21:09

Hola amigo, espero que esto te sirva de ayuda:

Antes que nada queria decirte que asi no se utiliza la metodo indexOf, solo debes poner una sola cadena, mucho menos separar cada texto con ";"

Ahora si lo que tienes que hacer es lo siguiente:

Código Javascript:

Ver original//Esto lo colocas dentro de tu funcion validar_email, 
al comienzo antes de las condicionales*/
 
//Primero creamos una cadena (texto) con los correos que solo quieres
    var correos="yahoo hotmail gmail live";
/*Luego dividimos por el @ el contenido del email con la metodo split y lo 
guardamos en la variable dominio*/
    var dominio=document.formu.EMAIL.value.split("@");
/*Ahora en dominio[1] contiene 'dominio.com' lo volvemos a dividir para obtener
el dominio de correo lo que esta antes del punto, tambien con el metodo split.*/
    var server=dominio[1].split(".");
/*Finalmente verificamos si server[0] que contiene el dominio de correo esta 
dentro del textio correos con la funcion match, el resultado se almacena en res*/
    var res=correos.match(server[0]);

La funcion match si no encuentra el texto dentro de la cadena, devuelve null

Entonces en la línea 11 colocas la condicion:

Código Javascript:

Ver originalif (res==null)

Supongo que habra otras maneras, espero te sirva.

Saludos..

ElJavista · #3 (**permalink**) 17/03/2010, 21:33

Mejor busca en google: Validar email con JavaScript y saldrá una función más eficiente y simple que esa.

aniMAYtions · #4 (**permalink**) 18/03/2010, 02:06

Hola Sir Duque.

No sabría decirte si ésta es más o menos eficiente pues javascript no es mi fuerte, pero io la utilizo en todos mis scripts y me va muy bien.

Código Javascript:

Ver originalfunction validaEmail(valor) 
    {
        if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(valor))
        {
            document.getElementById("emailmsg").style.color= '#646464';
            return (true);
        } 
        else 
        {
            document.getElementById("email").value = "";
            document.getElementById("emailmsg").style.color='red';
            return (false);
        }
    };

Lo que hace es que, en un evento onblur del input del email iama a la función y si es válido colorea el label que lo precede de un tono azul grisáceo y devuelve true. Si no lo es, colorea el mismo label de rojo y devuelve false.

Espero que te sirva.
Un saludo!!

SirDuque · #5 (**permalink**) 18/03/2010, 11:03

me salta siempre no pusiste punto de la linea 12....
te interprete mal raul (?)

Código Javascript:

Ver original<script language="JavaScript">
  var correos="yahoo hotmail gmail live";
  var dominio=document.formu.EMAIL.value.split("@");
  var server=dominio[1].split("."); 
  var res=correos.match(server[0]);
   function validar_email() {
    if (document.formu.EMAIL.value.indexOf('@') == -1){
     alert ("error no tiene arroba");
     document.formu.EMAIL.focus(); 
    } else {
     if (document.formu.EMAIL.value.indexOf('.') == -1){
     alert ("falta el punto");
     document.formu.EMAIL.focus();
   } else {
     if (res==null){
     alert ("no pusistenada");
     document.formu.EMAIL.focus(); 
    } else { 
    
     document.formu.submit();
    }}}
   }
  </SCRIPT>

aniMAYtions:

como complemento ese script por que no lo pude hacer andar.

les dejo el body

Código HTML:

Ver original<BODY><FORM NAME="formu" METHOD="POST" ACTION="Tu.Accion">
   Ingresa tu Email: <INPUT NAME="EMAIL" TYPE="text"><BR>
 
   <INPUT type="button" name="ENVIAR" value="Agregar" onClick="JavaScrpit:validar_email();">
  </FORM>
 </BODY>