Multiples Submit Form jQuery

[charly_vc]

Que tal compañeros!!

Tengo una duda sobre el envio de formularios con jquery, ¿Como le puedo hacer para que cuando le de submit en un formulario se envie el correcto y no otro formulario que tengo en una misma pagina?. Por ejemplo, primero dinámicamente cargo un formulario en mi pagina donde tengo declarado el

Código Javascript:

.
.
var opciones= {
                               success: mostrarRespuesta
};
        
        $j_3('#formFactura').ajaxForm(opciones);
.
.
 

Hasta ahí todo marcha bien, pero en este mismo formulario, mando llamar a una ventana modal que yo cree, donde cargo otro archivo php algo asi




En el .php del segundo formulario tengo declarado

Código Javascript:

.
.
var opciones= {
                               success: mostrarRespuesta
};
        
        $j_3('#formCliente').ajaxForm(opciones);
.
.
 

El problema es que si le doy submit al formCliente (el segundo formulario de la ventana modal. fig2) se envia el formFactura(el primer formulario. fig. 1)

Algo que hice para enviar el correcto, fue hacer un delegate de la siguiente forma:

Código Javascript:

$j_6(this).delegate('#estiloSubmit',"submit", function(event) {
        event.preventDefault();
 
        $j_6.ajax({
            type: 'POST',
            url: $j_6('#formCliente').attr('action'),
            data: $j_6('#formCliente').serialize(),
            success: function(data) {                   
                    $j_6('#resultCliente').html(data);
                    $j_6('#loading').hide();
            }
        })
 
    });
 

Lo cual si funciona, peeero. el problema con esto es que yo uso como validador de formulario, el plugin "Vanadium" (No se si algunos lo conoscan) el cual, al hacer el submit, se pierde la validación de campos, como que el vanadium no alcanza a interceptar el submit de esta manera.

¿Aguien tendrá, alguna otra idea de como hacerlo? Se los agradecere mucho si me hechan una mano.

[charly_vc]

Iniciado por charly_vc

Que tal compañeros!!

Tengo una duda sobre el envio de formularios con jquery, ¿Como le puedo hacer para que cuando le de submit en un formulario se envie el correcto y no otro formulario que tengo en una misma pagina?. Por ejemplo, primero dinámicamente cargo un formulario en mi pagina donde tengo declarado el

Código Javascript:

.
.
var opciones= {
                               success: mostrarRespuesta
};
        
        $j_3('#formFactura').ajaxForm(opciones);
.
.
 

Hasta ahí todo marcha bien, pero en este mismo formulario, mando llamar a una ventana modal que yo cree, donde cargo otro archivo php algo asi




En el .php del segundo formulario tengo declarado

Código Javascript:

.
.
var opciones= {
                               success: mostrarRespuesta
};
        
        $j_3('#formCliente').ajaxForm(opciones);
.
.
 

El problema es que si le doy submit al formCliente (el segundo formulario de la ventana modal. fig2) se envia el formFactura(el primer formulario. fig. 1)

Algo que hice para enviar el correcto, fue hacer un delegate de la siguiente forma:

Código Javascript:

$j_6(this).delegate('#estiloSubmit',"submit", function(event) {
        event.preventDefault();
 
        $j_6.ajax({
            type: 'POST',
            url: $j_6('#formCliente').attr('action'),
            data: $j_6('#formCliente').serialize(),
            success: function(data) {                   
                    $j_6('#resultCliente').html(data);
                    $j_6('#loading').hide();
            }
        })
 
    });
 

Lo cual si funciona, peeero. el problema con esto es que yo uso como validador de formulario, el plugin "Vanadium" (No se si algunos lo conoscan) el cual, al hacer el submit, se pierde la validación de campos, como que el vanadium no alcanza a interceptar el submit de esta manera.

¿Aguien tendrá, alguna otra idea de como hacerlo? Se los agradecere mucho si me hechan una mano.

Por el momento ya lo he solucionado y la forma fue que en el formulario que esta en una ventana modal deje la llamada del submit de la siguiente forma:

Código Javascript:

$j_6(document).ready(function() {
    $j_6('#loading').hide();
    $j_6().ajaxStart(function() {
        $j_6('#loading').show();
        $j_6('#resultCliente').hide();
    }).ajaxStop(function() {
        $j_6('#resultCliente').fadeIn('slow');
        $j_6('#loading').hide();
    });
$j_6('#estiloSubmit').click(function() {
        $j_6.ajax({
            type: 'POST',
            url: $j_6('#formCliente').attr('action'),
            data: $j_6('#formCliente').serialize(),
            beforeSend: function(){
                var flag = $j_6().validaForm();
                return flag;
            },
            success: function(data) {
                    $j_6('#resultCliente').html(data);
                    $j_6('#loading').hide();
            }
        })
 
    });
 
$j_6.fn.validaForm = function(){
        var arr = ["nombre","rfc"];
        var ban=true;
        for(var i = 0; i < arr.length; i++)
        {   
            if(document.getElementById(arr[i]).value == ""){
                $j_6("#"+arr[i]+"_span").html('<Label FOR="name" style="background-color: #FFFFB3; width: 20px; height: 25px; float: left"><img title="Este campo es requerido" src="Imagenes/Attention.png" width="18" height="18"></Label>');
                ban=false;
            }
        }
        return ban;
    }
});
 
function validaQuita(){
        var arr = ["nombre","rfc"];
        for(var i = 0; i < arr.length; i++)
        {   
            if(document.getElementById(arr[i]).value != ""){
                $j_6("#"+arr[i]+"_span").html('');
            }
        }
}
 
function validaPon(id){
    if(document.getElementById(id).value == ""){
        $j_6("#"+id+"_span").html('<Label FOR="name" style="background-color: #FFFFB3; width: 20px; height: 25px; float: left"><img title="Este campo es requerido" src="Imagenes/Attention.png" width="18" height="18"></Label>');
    }
}
 

Código HTML:

.
.
<input type="text" size="23" onBlur="toUpper(this); validaQuita(); validaPon(this.id);" name="nombre" id="nombre" class=":required Logers" value="<?=$nombre?>" /><span id="nombre_span"></span>
.
.
<input type="text" size="23" onBlur="toUpper(this); validaQuita(); validaPon(this.id);" name="rfc" id="rfc" class=":required Logers" value="<?=$rfc?>" /><span id="rfc_span"></span>
.
.
<input type="button" id="estiloSubmit" value="GUARDAR"/>
 

Si se dan cuenta hice uso de "beforeSend" donde mando llamar una funcion que tuve que hacer para validar el formulario, es decir, ya no use el plugin "Vanadium", fue el único recurso que encontré, de cualquier manera si alguien tiene la solución para seguir usando el "Vanadium" se los agradecere.