Me valida email pero lo manda igual

[fedefrankk]

Hola a todos, tengo un formulario en html y en java (jquery) la validacion de que si ingrso bien o mal el mail, valida bien pero al apretar el boton primero valida, sale el cartelito de email no valido apreto aceptar y manda el formulario ...

La idea es que si el mail no es valido no mande la action el formulario, que se quede en la misma pagina ... espero que se entienda lo que quiero decir..

dejo el codigo: aclaro q con java me pasa lo mismo..

Código Javascript:

<form action="procesoE.php" method="post">
 
Apellido y Nombre
<input type="text" name="pnombre"/><br /><br />
E-mail:
<input type="text" name="email" id="email"/><br /><br />
 
Comentario:
<textarea rows="2" name="tarea" cols="20" class="sel3"></textarea><br /><br />
 
<input type="submit" name="submit" value="Enviar"  id="verificar"/>
 
</form>
 
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    
    function validar_email(valor)
    {
        // creamos nuestra regla con expresiones regulares.
        var filter = /[\w-\.]{3,}@([\w-]{2,}\.)*([\w-]{2,}\.)[\w-]{2,4}/;
        // utilizamos test para comprobar si el parametro valor cumple la regla
        if(filter.test(valor))
            return true;
        else
            return false;
    }
    // cuando presionamos el boton verificar
    $("#verificar").click(function()
    {
        if($("#email").val() == '')
        {
            alert("Ingrese un email");
        }else if(validar_email($("#email").val()))
        {
            alert("Email valido");
        }else
        {
            alert("El email no es valido");
        }
    });
    
});
</script>
 

Saludos y gracias de antemano
fede

[djaevi]

Usas un boton de tipo submit para validar tu funcion? en tal caso lo que hace es llamar a tu funcion y luego enviar el formulario porque los botones tipo submit hacen por defecto esa accion, si este fuera tu caso podrias usar un input type="button" que llame a tu funcion y donde dice alert("email valido"); podrias agregar document.getElementById("idFormulario").submit(); de este modo solo se enviara si la validacion es correcta.

PD: Otra cosa que me llama la atencion es que la variable filter no este entre comillas.

Saludos

[Naahuel]

Pero si en ningún lado le has especificado que no mande el formulario...

Yo haría algo así:

Código Javascript:

$('#mi-form').submit(function(){
     if($("#email").val() == '')
    {
        alert("Ingrese un email");
        return false;
    }else if(validar_email($("#email").val()))
    {
        alert("Email valido");
    }else
    {
        alert("El email no es valido");
        return false;
    }
});
 

Uso el evento submit del formulario y uso return false cuando quiero evitar que se envíe.

[fedefrankk]

Hola Gracias a todos por responder, me salio copiando y pegando cambiando los nombres etc.. alguien sabe de algun mini tutorial para realmente saber lo que estoy haciendo y no tener que pegar .. en google encuentro pero codigos ya hechos.. si alguien sabe se lo agradeceria..

Gracias a todos
fede