Enviar formulario despues de comprobar

[eurodoblon]

Como puedo hacer para que el formulario f2 se envie una vez que ya no hay errores. Todo funciona bien marcando los errores, pero cuan do son subsanados no hace el submit. Gracias y un saludo

Código:

$(document).ready(function() {
  const f2 = $('#f2');

  f2.on('submit', event => {
    let errorCount = 0,
      requestPromiseArray = [];


event.preventDefault();
    f2.find('.concepto').each(function(i, elem) {
      elem.className = 'concepto pending';
      let conceptos = elem.value,
        requestPromise = $.post("procesa-gastosprivado.php", {
          conceptos
        }).then(function(mensaje) {
          errorCount += (mensaje == 'error') ? 1 : 0;

          elem.classList.remove('pending');
          elem.classList.add(mensaje);

        });
      requestPromiseArray.push(requestPromise);

    });


    return false;
  });

});

[petit89]

Código Javascript:

$('#nombre_formulario').submit();
 

al final en un else donde ya no compruebe errores

[prueba230683]

Este es un caso complicado, puesto que tienes más de una promesa y por tanto debes esperar a que se resuelvan todas para decidir si envías o no el formulario. Esto se hace con Promise.all:

Código Javascript:

$(document).ready(function() {
    const f2 = $('#f2');
    f2.on('submit', event => {
        event.preventDefault(); // por defecto, cancelamos el envio del formulario
        let errorCount = 0, // iniciamos el contador de errores
            requestPromiseArray = [];
        f2.find('.concepto').each(function(i, elem) {
            elem.className = 'concepto pending';
            let conceptos = elem.value,
                requestPromise = $.post("procesa-gastosprivado.php", {
                    conceptos
                }).then(function(mensaje) {
                    errorCount += (mensaje == 'error') ? 1 : 0;
                    elem.classList.remove('pending');
                    elem.classList.add(mensaje);
                });
            requestPromiseArray.push(requestPromise);
        });
        Promise.all(requestPromiseArray).then(function(){ // cuando todas las promesas se hayan resuelto
             if(errorCount == 0) // si no hay ningun error, enviamos el formulario
                  $('#f2').get(0).submit();
        });
    });
});
 

Nota: la implementación de jQuery del método submit() dispara los handlers del evento "submit". En cambio, la implementación nativa del método submit NO dispara los handlers del evento submit. Como queremos que no se disparen los handlers del evento submit, debemos utilizar $('#f2').get(0).submit(), de esta forma operamos con el método submit nativo.