Bootstrap Modal antes de Enviar el formulario

$('form button[type="submit"]').on('click', function () {
   $(this).parents('form').submit();
});

Noté que algunas de las respuestas no estaban activando el atributo HTML5 required (ya que las cosas se estaban ejecutando en la acción de haciendo clic en en lugar de la acción de form send, causando que se omitiera cuando las entradas estaban vacías):{[18]]}

1. Tiene un <form id='xform'></form> con algunas entradas con el atributo requerido y coloca un <input type='submit'> al final.
2. Una entrada de confirmación donde se espera escribir "ok" <input type='text' name='xconf' value='' required>
3. Agregue un modal_1_confirm a su html (para confirmar la forma de envío).
4. (en modal_1_confirm) agregue el id modal_1_accept al botón aceptar.
5. Agregue un segundo modal_2_errMsg a su html (para mostrar errores de validación de formularios).
6. (en modal_2_errMsg) agregue el id modal_2_accept al botón aceptar.
7. (en modal_2_errMsg) agregue el id m2_Txt al soporte de texto mostrado.

8. La JS para interceptar antes de que se envíe el formulario:

   $("#xform").submit(function(e){
       var msg, conf, preventSend;
   
       if($("#xform").attr("data-send")!=="ready"){
           msg="Error."; //default error msg
           preventSend=false;
   
           conf=$("[name='xconf']").val().toLowerCase().replace(/^"|"$/g, "");
   
           if(conf===""){
               msg="The field is empty.";
               preventSend=true;
           }else if(conf!=="ok"){
               msg="You didn't write \"ok\" correctly.";
               preventSend=true;
           }
   
           if(preventSend){ //validation failed, show the error
               $("#m2_Txt").html(msg); //displayed text on modal_2_errMsg
               $("#modal_2_errMsg").modal("show");
           }else{ //validation passed, now let's confirm the action
               $("#modal_1_confirm").modal("show");
           }
   
           e.preventDefault();
           return false;
       }
   });
   

`9. También algunas cosas al hacer clic en los botones de los modales:

$("#modal_1_accept").click(function(){
    $("#modal_1_confirm").modal("hide");
    $("#xform").attr("data-send", "ready").submit();
});

$("#modal_2_accept").click(function(){
    $("#modal_2_errMsg").modal("hide");
});

Nota importante: Así que tenga cuidado si agrega una forma adicional de mostrar el modal, ya que simplemente haciendo clic en el botón aceptar $("#modal_1_accept") asumirá la validación pasada y agregará el atributo "ready":

• El razonamiento para esto es que $("#modal_1_confirm").modal("show"); se muestra solo cuando pasó la validación, por lo que hacer clic en $("#modal_1_accept") debe ser inalcanzable sin antes validar el formulario.

Es fácil de resolver, solo crea un envío oculto:

<button id="submitCadastro" type="button">ENVIAR</button>
<input type="submit" id="submitCadastroHidden" style="display: none;" >

Con jQuery haces clic en enviar:

$("#submitCadastro").click(function(){
    if($("#checkDocumentos").prop("checked") == false){
        //alert("Aceite os termos e condições primeiro!.");
        $("#modalERROR").modal("show");
    }else{
        //$("#formCadastro").submit();
        $("#submitCadastroHidden").click();                     
    }
});