Function authorizing or not form Ubmit

Question

Function authorizing or not form Ubmit

Asked 5 years, 9 months ago

Viewed 47 times

0

I’m trying to run a function in the form Ubmit, it works correctly, but if return true I need the form not sent. It’s being done this way:

    $('#FornecedorNovo').submit(function (e) {
    var url = "/Fornecedor/VerificaInscricao";
    var Insc = $("#InscricaoEstadual").val();
    $.ajax({
        url: url,
        data: { insc: Insc },
        datatype: "json",
        type: "POST",
        success: function (data) {
            if (data.resultado == true) {
                alert('Já existe esta inscrição estadual cadastrada para outro fornecedor.');
                e.preventDefault();
            }
        }
    })

});

But still the form is sent.

Puts a return false;

– Pedro Augusto

2018/09/21 at 19:15
1

You could make the ajax request synchronous, but ideally let the form be sent and do this validation on the server.

– fernandosavio

2018/09/21 at 19:16
1

The event is asynchronous, so the function will end before you get the answer via AJAX. Thus, the e.preventDefault() will never run, leaving the form to be submitted normally. But the question is: and if it returns false, what should happen?

– Woss

2018/09/21 at 19:16
If it returns false the form must be sent, it is sending anyway. In another function I do in Submit I use the e.preventDefault() and it works.

– Mariana

2018/09/21 at 19:17
@Pedroaugusto I tried, but still the form is sent.

– Mariana

2018/09/21 at 19:20
What is the best way to check ?

– Mariana

2018/09/21 at 19:21

Show 1 more comment

1 answer

Browser other questions tagged javascript jquery

You are not signed in. Login or sign up in order to post.

by Kayo Bruno • **2,777** points · Answer 1 · 2018-09-21T19:30:58+00:00

The code below can solve your problem.

$('#FornecedorNovo').submit(function (e) {
    e.preventDefault(); // Coloca o preventDefault no início da função

    var url  = "/Fornecedor/VerificaInscricao";
    var Insc = $("#InscricaoEstadual").val();
    var form = this,
       $form = $(form); // Salvamos o formulário atual em uma variável

    $.ajax({
        url: url,
        data: { insc: Insc },
        datatype: "json",
        type: "POST",
        success: function (data) {
            if (data.resultado == true) {
                alert('Já existe esta inscrição estadual cadastrada para outro fornecedor.');
            } else {
                $form.off('submit').submit();
            }
        }
    })
});