detener el envio de datos cuando el e-mail no es válido

[zink]

Hola, tengo una formulario en donde el usuario se registra, pide datos de nombre direccion etc. al pedir el e-mail valido que sea una direccion correcta, hasta aqui todo bien.....

El problema es que cuando no sea una direccion de e-mail válida, no me deje seguir, por que me manda el "alert" .... pero tambien me manda la información a la BD (aun estando incorrecto el e-mail).

Traté de truncarlo con "break" ... pero creo que funciona solo en los bucles, o ciclos.

El codigo que uso es el sig:

<script language="javascript" type="text/javascript" defer>
function validaEmail(mail)
{
var re = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
if (!re.test(mail)) {
alert ("La dirección de email es incorrecta.");
return false;
}
return true;
}</script>



Gracias de antemano

[mackpipe]

Es muy sencillo, el sumbit cambielo por button, y le da un evento onclick

<input type="button" name="enviar" onclick="enviar()">

Donde enviar es la funcion javascript que valida la informacion, si esta correcta toda la informacion, osea si al terminara la funcion de validacion esta todo bien pasara al otro lado con

document.form1.submit();

ejemplo:

if(document.form1.nombe.value!='')
{
if(document.form1.apellido.value!='')
{
...
if(document.form1.ultimodato.value!='')
{
document.form1.submit();
}

else
{
alert("Falta el apellido");
}

..
}
else
{
alert("Falta el apellido");
}
}
else
{
alert("Falta el nombre");
}

[zink]

gracias por responder mackpipe.

intenté lo que me dices y si me funciona bien, excepto por un detalle: tengo otra funcion para validar los campos vacios, sin tener que nombrar a cada input del formulario, entonces cuando el e-mail no es valido, si me lo detecta y no avanza en el proceso del envio de la informacion.... pero ahora no me detecta la otra funcion, es decir no valida los campos vacios.

a esta funcion que menciono la mando llamar en el <form..... onSubmit="nombre de la funcion">

no se si me podrias decir como hacer para que funcionene las dos.


Gracias.

[zink]

Alguien que me ayude??????

[desaweb]

onSubmit="nombre de la funcion"

Vale, pero la función debe terminar con un return
return true, se envía el formulario
return false, no se envía.

javascript.espaciolatino.com

[zink]

ok, ya resolví el problema de la validacion....Gracias.

jejeje pero no es todo, como ya comentaba tengo otro script para verificar los campos vacios, entonces en el <form...> mando llamar a los dos, pero solo uno se ejecuta.

Mi pregunta es: se pueden poner en el <form> dos onSubmit???
asi:
<form name="form1" method="post" action="pagina.asp" onSubmit="return verifyAddress(this)" onSubmit="return checkrequired(this)">

Bueno ya vi que no me funciona como quiero. Como lo podría solucionar???? traté de hacerlo en el boton de envio, con onClick, pero no me funciona.

Alguien me puede hechar una mano???

gracias.

[tunait]

zink,

lo más práctico es que llames a una de las funciones y esa función se encargue de llamar a la otra.

Por ejemplo, llamas a la función que te chequea el email.

Si no está bien

if(está mal)
{return false}
else
{funcion2()}

Y así la que devuelva finalmente true o false sería la segunda función

[tunait]

Algo así

<script language="javascript" type="text/javascript" defer>
function validaEmail(mail)
{
var re = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
if (!re.test(mail)) {
alert ("La dirección de email es incorrecta.");
return false;
}
else
{funcion2()}
}</script>

[zink]

ok tunait gracias, ya lo resolví