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