Formulario en ventana emergente. Submit y cierre

[jokings80]

Hola,

Tengo un formulario en un iframe en una ventana fancybox y lo que quiero es que al pulsar el botón para enviar el formulario, que está dentro de la ventana, se envíe y se cierre la venta fancybox. Esto lo consigo haciendo,

$('#myForm').bind('submit', function(){
parent.$.fancybox.close();
});

de forma que al pulsar el botón se envía el formulario y después se cierra la ventana fancybox.

Antes de enviar el formulario, quiero procesar algunos campos con una función javascript para comprobar que tienen un determinado formato. Lo que hago es que el botón que envía el formulario sea de tipo "button" y llama a una función para validar el formulario. Dentro de esta función, si los campos son correctos se envía el formualrio. La función sería como,

function validarFormulario() {
//Comprobaciones...

document.forms['myForm'].submit();
}

El problema está en que de esta forma, se envía el formulario, pero no se cierra la ventana modal. Es como si el evento "submit" de la función "validarFormulario" no fuera reconocido por el "bind".

¿Se os ocurre dónde puede estar el error o alguna solución?

Gracias por la ayuda!!

[emprear]

no trabajo con fancybox, pero no sería más práctico esto

Código HTML:

<form action="x.php" method="post" onsubmit="return validarFormulario()">
/// campos del form
<input type="submit" name="procesar">
</form>
 

Y el javascript (simplifico las validaciones)

Código Javascript:

function validarFormulario() {
 //Comprobaciones...
if(nombre == ''){
alert('falta nombre');
return false; // detenemos el proceso de envio y cierre
}
 
if(apellido== ''){
alert('falta apellido');
return false; // detenemos el proceso de envio y cierre
}
 
//comprobaciones
 
fancybox.close(); // no hubo errores, cerramos fancybox y el form se envía (recordá que usaste el evento onsubmit)
 }
 

Saludos

[jokings80]

Hola,

Muchas gracias!! Es justo lo que estaba buscando. Funciona perfectamente.

Gracias!! :D