ventana modal capturar submit

[mikil]

hola a todos
tengo un form principal con un boton en su interior que lanza una ventana modal

Código:

<button type="button" id="querato" name="querato" class="btn btn-success text-uppercase btn-lg col-md-2 col-md-offset-1">Queratometria</button>
<!-- Modal -->
<div class="modal fade" id="modalquerato"  role="dialog"></div>            
<!-- fi de modal -->

que la abre la funcion

Código:

		$("#querato").click(function (e) {
			e.preventDefault();		
			var id= document.getElementById("idClient").value;
			var url = decodeURIComponent("lctpv03querato.php?id=" + id );
			$("#modalquerato").load(url, function(){
				$("#modalquerato").modal('show');
			});				
		});

lo que quiero hacer es que al darle a guardar a esta ventana modal se lance un script en php que guarde en la BBDD y cierre la ventana modal.

el codigo de cierre de lctpv03querato.php es

Código:

            <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
            <button type="submit" class="btn btn-primary" id="btGrabarQ" name="btGrabarQ">Guardar</button>
            </div>

el submit lo que hace es lanzar el evento submit del formulario principal, y no puede capturar el evento click del boton Guardar de la ventana modal.

como puedo capturar el evento, lanzar el script php que haga el insert en la BBDD y cierre la ventana modal.

gracias

[Camatagua123]

puedes usar el evento onclick="funcionGuardar(this,event)" para llamar a la funcion de javascript que te guarde la informacion, y que el servidor te devuelva, preferiblemente un objeto JSON donde puedas validar si hay o no hay error...

en caso de error, muestras el error o que se yo que vas a hacer

en caso de que no encuentre error cierre la ventana Modal

Código:

funcionGuardar(obj, evento){

evento.preventDefault();

	$.ajax({
	
			url:'http://tu.url/',
			success: function(data){
				
jsons = JSON.parse(data);
if(jsons.error != 0){
		
		alert('Hubo un error al intentar guardar');// muestro que hubo un error
		
		
	}else {

		$("#modalquerato").modal('hide');//cierro la ventana modal
		
	}
				
			}
	
	});

}

no se si esta bien escrito, lo que quiero es darte mas o menos la idea

[KATHYU]

Jamas he visto que funcione eso del evento click para un formulario dentro de otro formulario, porque me supongo que eso es lo que quiere hacer verdad ??

Tener un form dentro de otro ??

Yo lo resolví con un frame me quedo de lujo

[Triby]

Es muy poca información la que estás proporcionando, pero parece que el div de la ventana modal está dentro de las etiquetas del formulario.

¿Puedes sacarlo de ahí? Con eso evitarías que se envíe el formulario principal.

¿No puedes mover el div? Entonces evita usar type="submit" en el botón y asigna directamente las acciones a realizar en onclick.