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.

codice HTML:
$(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