form anidado

[mikil]

hola a todos y gracias de antemano por vuestro tiempo.
tengo un formulario con un boton que hace una llamada AJAX para abrir una ventana modal que contiene otro formulario para validar la información.
el problema es que cuando le doy al submit de la ventama modal me ejecuta el submit del form principal.
he probado a poner la propiedad form="id_formulario" en el boton pero entonces no hace nada.
como debo hacerlo?
os dejo el javascript que abre la ventana modal.

Código:

		$("#btFra").click(function (e) {
			e.preventDefault();
			var id1 = document.formdetall.tdaVenta.value;
			var id2 = document.formdetall.encVenta.value;
			var url = decodeURIComponent("factura01.php?tdaVenta=" + id1 + "&encVenta=" + id2);
			$("#modalfra").load(url, function(){
				$("#modalfra").modal('show');
			});				
		});

el form de factura01.php

Código:

    <div class="modal-dialog modal-lg">
        <div class="modal-content">
        <form action="factura01g.php" method="post" id="formfactura">

    ....

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

[Alexis88]

Controla el envío desde el propio formulario:

Código Javascript:

$("#formfactura").on("submit", function(e){
    e.preventDefault();
 
    //El resto de instrucciones
});
 

[mikil]

muchas gracias,