validazione boostrap e preventdefault

[aquatimer2000]

Buongiorno a tutti, premetto che non sono partico di javascritp ecc, ed ho questo problema:

ho una form, che visualizzo tramite modal.
Vorrei eseguire la validazione dei dati .. (required.. ecc) tramite boostrap e fin qui tutto ok.

$(document).on("click",".submit_e",function (evt){

    evt.preventDefault();

    var id = $(this).attr("data-id");

    $.ajax({
        type: "POST",
        url: "miourl"+id,
        data: $("#form").serialize(), // serializes the form's elements
        success: function(data){

            $('#dt').DataTable().draw();
            $('#modal').modal('hide');

        },
        error: function (jXHR, textStatus, errorThrown) {
            alert(errorThrown);
        }
    });

});

con "on click" il preventDefault funziona, ma non funziona la validazione tramite bootstrap.

se al contrario, utilizzo "on submit" con riferimento all'id della form, funziona la validazione tramite bootstrap ma non funziona il preventDefault.

Come posso risolvere?
Grazie a tutti per l'aiuto

[KillerWorm]

Ciao, anziché l'evento "click" dovresti lavorare proprio sull'evento "submit" del form.

$(document).on("submit", "#form", function (evt){

Così dovrebbe funzionare. Se lo hai già provato e non funziona, il problema è da cercare altrove.

[aquatimer2000]

Ciao, anziché l'evento "click" dovresti lavorare proprio sull'evento "submit" del form.

$(document).on("submit", "#form", function (evt){

Così dovrebbe funzionare. Se lo hai già provato e non funziona, il problema è da cercare altrove.

Questo è il test che ho fatto e che produce il risultato contrario al "on click" e cioè: funziona la validazione ma non il preventDefault

[KillerWorm]

Allora c'è qualcos'altro che influisce sul submit.
Se ti è possibile posta il link della pagina in questione così posso dargli un'occhiata.