Bloquear Submit con Base en Respuesta de Petición Ajax

[GUILLHERMOSOFT]

Cordial Saludo

Actualmente necesito bloquear un submit con base en la respuesta de una petición ajax, pero no he podido bloquearlo, la petición y la condición de retorno se llevan acabo sin problema por eso en mi código esta la línea 'alert("hola");', por medio de la cual testeo que la condición se cumpla y el alert se imprime correctamente, más he probado con "return false;", "event.preventDefault;" y "event.stopPropagation();", sin embargo el submit no se bloquea, así mismo he probado llamando el evento submit seleccionando el formulario completo y no el botón, pero aún así no funciona, por lo cual agradecería que si alguno me pudiera ayudar lo haga.

Código:

$(document).ready(function(){
    //$("#ventas").submit(function(event) {
    $("#aceptar").click(function(event) {
        $.ajax({
            url: "buscarCodigosRepetidos",
            data: $("#ventas").serialize(),
            type: "POST",
            dataType: "html",
            async: false,
            success: function(data) {
                $("#detalleCodigosRepetidos").html(data);
                if(data) {
                    alert("hola");
                    //return false;
                    event.preventDefault;
                    //event.stopPropagation();
                }
            }
        });
    });
});

Quedo atento a sus respuestas y/ó comentarios.

Muchas gracias.

[lobo_php]

Puedes hacer el llamado a el cuando valide submit siempre y cuando el evento que ejecuta todo ese código no sea un type="submit" sino un button, o por lo menos a mí me ha funcionado así.

PD: el "más" se tilda cuando se agrega, si el "mas" se puede reemplazar por un "pero" o por un "sin embargo" no se tilda.

[GUILLHERMOSOFT]

Gracias por tu respuesta, sin embargo un button no me sirve, ya que el formulario que tengo, es SUPER!!!!!!!!!!!!! complejo, usar ese button, me podria significar mucho trabajo extra, el remedio podria resultar más caro que la enfermedad, lo que requiero debe funcionar con el submit.

[GUILLHERMOSOFT]

Jejejejeje.......... me autorrespondo....... por si a alguno de ustedes le sirve luego.......

Código:

var envioFormulario;

//Buscar códigos de tiendas repetidos en el formulario
$(document).ready(function(){
    $("#aceptar").click(function(event) {
        envioFormulario = "";
        $.ajax({
            url: "buscarCodigosRepetidos",
            data: $("#ventas").serialize(),
            type: "POST",
            dataType: "html",
            async: false,
            success: function(data) {
                $("#detalleCodigosRepetidos").html(data);
                if(data) {
                    envioFormulario = "bloquear";
                }
            }
        });
        
        if(envioFormulario == "bloquear") {
            return false;
        }
    });
});

[Dradi7]

Iniciado por GUILLHERMOSOFT

Cordial Saludo

Actualmente necesito bloquear un submit con base en la respuesta de una petición ajax, pero no he podido bloquearlo, la petición y la condición de retorno se llevan acabo sin problema por eso en mi código esta la línea 'alert("hola");', por medio de la cual testeo que la condición se cumpla y el alert se imprime correctamente, más he probado con "return false;", "event.preventDefault;" y "event.stopPropagation();", sin embargo el submit no se bloquea, así mismo he probado llamando el evento submit seleccionando el formulario completo y no el botón, pero aún así no funciona, por lo cual agradecería que si alguno me pudiera ayudar lo haga.

Código:

$(document).ready(function(){
    //$("#ventas").submit(function(event) {
    $("#aceptar").click(function(event) {
        $.ajax({
            url: "buscarCodigosRepetidos",
            data: $("#ventas").serialize(),
            type: "POST",
            dataType: "html",
            async: false,
            success: function(data) {
                $("#detalleCodigosRepetidos").html(data);
                if(data) {
                    alert("hola");
                    //return false;
                    event.preventDefault;
                    //event.stopPropagation();
                }
            }
        });
    });
});

Quedo atento a sus respuestas y/ó comentarios.

Muchas gracias.

Bueno amigo analizamos bien lo que necesitas:

1.- el botón aceptar de tipo submit es para enviar los campos a otro formulario
2.- en ese mismo boton quieres validar que no existe codigo repetido si es que existe bloquear el submit

Entonces

Lo mas factible seria bloquear siempre el submit del boton con event.preventDefault(); es decir este código va al final.

En tu ajax tu estabas haciendo que si hubiera código repetido entonces detuvieras el submit, ahora has lo mismo pero al revés si no encuentra código repetido envía el submit.

Ejemplo:

Código Javascript:

$(document).ready(function(){
    $("#aceptar").click(function(event) {
        $.ajax({
            url: "buscarCodigosRepetidos",
            data: $("#ventas").serialize(),
            type: "POST",
            dataType: "html",
            async: false,
            success: function(data) {
                $("#detalleCodigosRepetidos").html(data);
                //validando que no se encontro ningun repetido
                if(!data) {
                    $('#myform').submit();
                }
            }
        });
        event.preventDefault();
    });
});
 

[Dradi7]

Iniciado por GUILLHERMOSOFT

Jejejejeje.......... me autorrespondo....... por si a alguno de ustedes le sirve luego.......

Código:

var envioFormulario;

//Buscar códigos de tiendas repetidos en el formulario
$(document).ready(function(){
    $("#aceptar").click(function(event) {
        envioFormulario = "";
        $.ajax({
            url: "buscarCodigosRepetidos",
            data: $("#ventas").serialize(),
            type: "POST",
            dataType: "html",
            async: false,
            success: function(data) {
                $("#detalleCodigosRepetidos").html(data);
                if(data) {
                    envioFormulario = "bloquear";
                }
            }
        });
        
        if(envioFormulario == "bloquear") {
            return false;
        }
    });
});

Bueno no veo que sea conveniente congelar la pantalla del usuario y si existe muchas transacciones, has verificado que pasaría si el tiempo de respuesta fuera larga, lo veria un poco incomodo yo como usuario ver que mi pantalla sea congelado.

Saludos