Validar email antes de enviar formulario

Jask · #1 (**permalink**) 15/08/2010, 12:12

Muy buenas :) que tal ?
Ando aquí de nuevo, espero no molestar más.
El problemilla que tengo es que he buscado e implementado scripts en javascript pero no logro que funcione. Lo que quiero es que cuando se inserte una dirección de "correo" (obviamente que no tenga un @ o un .com) salte un alert y diga que no es válida, como todas las demás que hay, pero no logro implementar nada, a ver si alguien me puede echar un cable ya que con javascript soy un poco manta xD.

Código PHP:

 
<!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> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>NUBA</title> 
 
<link href="estilo.css" rel="stylesheet" type="text/css"> 
<script type="text/javascript" SRC="js/javascript.js"></script> 
 
</head> 
 
<body> 
 
<?php 
 
$telf = $_POST['telefono']; 
$cp = $_POST['codigo']; 
$mail_usu = $_POST['email']; 
$mail = "[email protected]"; 
 
    $header = "From: " . $mail . " \r\n"; 
    $header .= "X-Mailer: PHP/" . phpversion() . " \r\n"; 
    $header .= "Mime-Version: 1.0 \r\n"; 
    $header .= "Content-Type: text/html"; 
     
    $contenido = "<img src='http://i38.tinypic.com/2ia3jvn.jpg' border='0' />"; 
 
    $asunto = "NUBA - Gracias por su participación."; 
     
    if($telf == "" && $cp == "" && $mail_usu ==""){ 
        $mailok = 0; 
    }else{ 
        $mailok = mail($mail_usu, $asunto, $contenido, $header);     
    } 
 
?> 
 
<div class="contenedor"> 
 
    <div class="cajas"> 
         
        <table border="0" cellpadding="0" cellspacing="0" width="100%"> 
           <?php if($mailok != 1){ ?> 
            <form action="javascript:validando()" method="post" name="fvalida" id="fvalida" />     
                <tr> 
                    <td width="36%" class="texto">Teléfono</td> 
                    <td width="32%" class="texto">Código Postal</td> 
                    <td width="32%" class="texto"></td> 
                </tr> 
     
                <tr> 
                    <td><input type="text" name="telefono" class="uno"/></td> 
                    <td><input type="text" name="codigo" class="uno" /> </td> 
                    <td></td> 
                </tr> 
                <tr> 
                    <td class="texto">email</td> 
                </tr> 
                <tr> 
                    <td colspan="2"><input type="text" name="email" height="27px" class="dos" /></td> 
                    <td><input type="submit" value="envía" class="enviar" name="enviar" /> 
                </tr> 
            </form> 
                <?php }else{ ?>    
                        <tr> 
                            <td width="100%"><div class="texto_gracias">Su email se ha enviado correctamente. Muchas gracias por su participación.</div></td> 
                        </tr> 
                <?php  
                } 
                $mailok = 0; 
                ?> 
                 
        </table> 
       
    </div> 
 
</div><!-- Fin .contenedor --> 
 
</body> 
</html>

Código javascript:

Código Javascript:

Ver originalfunction validando(){
 
    todobien=true;
    
    // Código postal
    var codigopostal;
    codigopostal = document.fvalida.codigo.value;
    if(isNaN(codigopostal) || (codigopostal == "")){
        todobien=false;
        alert("Inserte su código postal.");
    }
    
    if(document.fvalida.codigo.value.length>=6){
        todobien=false;
        alert("Introduzca un código postal válido.");
    }
    
    // Email
    if(document.fvalida.email.value==""){
        todobien=false;
        alert("Inserte su email.");
    }
    
    // Nº teléfono
    var numtelf;
    numtelf = document.fvalida.telefono.value;
    if(isNaN(numtelf) || (numtelf=="")){
        todobien=false;
        alert("El teléfono tiene que tener valores numéricos.");
    }
    
    if(document.fvalida.telefono.value.length>=10){
        todobien=false;
        alert("Introduzca un número de teléfono válido.");
    }
    
 
    // Todo bien    
    if(todobien==true){
        document.fvalida.action="#";
        document.fvalida.submit();
    }
}

Un saludo y muchísimas gracias :D !!

Adler · #2 (**permalink**) 15/08/2010, 13:18

Hola

Esto te ayudar´´a

Suerte

Jask · #3 (**permalink**) 15/08/2010, 16:57

Cita:

Iniciado por Adler

Hola

Esto te ayudar´´a

Suerte

He intentado ponerla en el mío pero no se que hago mal :S ! no me sale ni na =( !!

mipavluk · #4 (**permalink**) 15/08/2010, 17:34

Hola Jask
estoy igual que vos... mi validación es esta:

Código:

<script>
function valida_envia(){ 
    //valido el nombre 
    if (document.fvalida.nombre.value.length==0){ 
       alert("Tiene que escribir su nombre") 
       document.fvalida.nombre.focus() 
       return false; 
    } 

        //valido el mail 
    if (document.fvalida.email.value.length==0){ 
       alert("Tiene que escribir su e-mail") 
       document.fvalida.email.focus() 
       return false; 
    } 

    //valido el telefono 
    if (document.fvalida.telefono.value.length==0){ 
       alert("Tiene que escribir su telefono.") 
       document.fvalida.telefono.focus() 
       return false; 
    } 

    //valido el celular 
    if (document.fvalida.celular.value.length==0){ 
       alert("Tiene que escribir su celular.") 
       document.fvalida.celular.focus() 
       return false; 
    } 

    //valido el mensaje 
    if (document.fvalida.mensaje.value.length==0){ 
       alert("Tiene que escribir su mensaje.") 
       document.fvalida.mensaje.focus() 
       return false; 
    } 

    //el formulario se envia 
    alert("Muchas gracias por enviar el formulario"); 
    document.fvalida.submit(); 
} 
</script>

y ya probé un montón de cosas pero no logro resolver cómo insertar lo de este post
http://www.forosdelweb.com/f13/problema-validacion-833376/
en mi validación...

a ver si alguien nos tira una línea...

Adler · #5 (**permalink**) 16/08/2010, 04:08

Hola

Probad con esto

Código Javascript:

Ver originalvar patron = /^[0-9a-zA-Z]+(?:[._][0-9a-zA-Z]+)*@[0-9a-zA-Z]+(?:[._-][0-9a-zA-Z]+)*\.[0-9a-zA-Z]{2,4}$/;
if (!patron.test(document.fvalida.email.value)){
alert("La dirección de email no es correcta.")
return (false)
}

Suerte