1

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

$(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;
  });

}); 
1
  • Indica que es lo que te muestra en la consola para poder orientarnos un poco más
    – Enzo
    Commented el 3 abr. 2020 a las 0:47

1 respuesta 1

0

Lo tienes casi hecho!

  • El problema es que haces varias consultas AJAX para comprobar los datos, pero tienes que esperar que todas ellas se hayan completado para saber si hay errores.

La solución es usar Promise.all con el array de promesas que has estado guardando para asegurarte de que todas se han completado y entonces decidir si haces el submit:

 Promise.all(requestPromiseArray).then(values => {
   if (!errorCount) {
     f2.submit();
   }
 }

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.