0

En un formulario tengo en el evento onsubmit dos funciones: onsubmit="recalcularIVA();return validar_factura(this)" quiero que antes de lanzar el submit pimero recalcule el iva y luego valide la factura, no estoy seguro si es correcta la forma que lo pongo, es decir ¿la funcion validar_factura se lanzara despues de que termine recalcular iva? ¿o existe riesgo de que validar_factura se inicie sin haber finalziado la funcion recalcualr_iva? y si es asi ¿cual seria la forma correcta para asegurarme que finalzia la piemr aantes de ejecutar la segunda?

Gracias

2
  • Hola Jorge, bienvenido a SOes. Te recomiendo leer Cómo preguntar, hacer el recorrido de bienvenida (y ganar así tu primera medalla) y aprender a hacer un ejemplo mínimo verificable.
    – Kiko_L
    Commented el 12 feb. 2019 a las 12:30
  • 2
    No entiendo bien cómo tienes montada tu lógica. Pero te recomiendo que ahorres acciones inútiles al cliente desactivando los botones. O sea, mientras el formulario no esté validado mantén el botón desactivado. Esto se puede hacer perfectamente escuchando los eventos que cambian los elementos. Dado que no muestras nada del contexto no puedo ser más concreto en mis afirmaciones...
    – A. Cedano
    Commented el 12 feb. 2019 a las 12:33

3 respuestas 3

2

Te propongo lo siguiente. Si quieres esperar antes de validar el formulario que te recalcule el IVA, utiliza Promise() que te da la opción simular una función sincrónica. Quedaría algo así:

function recalcularIVA (){
  return new Promise(function (resolve, reject) {
    //aquí los métodos o la función necesaria para recalcular IVA
    //si se ha hehco todo bien
    //resolve("recalculado");
    //o
    resolve(true);

    //si no se ha hehco todo bien
    //reject("no reclaculdao");
    //o
    //reject(false);
    //reject es para indicar que el metodo no ha ido bien, 
    //si quieres utilizalo, no es obligatorio
  });
}

function validarFactura(){
  //Aquí le estas obligando a que espere hasta que acabe el recalculo de IVA
  recalcularIVA().then(function (response) {
    //si todo correcto, haz tus métodos para validar el form
  }, function(error){
    //no se hizo algo bien en el calculo del IVA
  });
}

Como ves es bastante fácil y la herramienta de Promise() es muy útil. Espero que te sirva.

6
  • Igual sigue siendo asíncrona. Commented el 12 feb. 2019 a las 14:13
  • @GabrielJeremyRodriguezRiver en que te basas para decir que sigue siendo asíncrona? yo creo que no Commented el 12 feb. 2019 a las 14:15
  • La llamada sigue siendo asíncrona pero el comportamiento simulado es síncrono ya que hasta que no se resuelva la Promise no se va a ejecutar lo que el usuario desea (en este caso la validación del formulario).
    – Kiko_L
    Commented el 12 feb. 2019 a las 14:21
  • @Kiko_L exacto! Commented el 12 feb. 2019 a las 14:22
  • es.stackoverflow.com/questions/64265/…
    – Kiko_L
    Commented el 12 feb. 2019 a las 14:23
0

Saludos porque no intentas algo como esto:

<form action="" method="POST" id="miFormulario">
  producto:
  <input type="text" id="producto" value="test"><br>
  PRECIO:
  <input type="text" id="valor" value="1.50"><BR>
  IVA:
  <input type="text" id="iva" value="0.25">
  <input type="submit" value="Aceptar" onclick="recalcularIVA(event);">
</form>
<script>
function recalcularIVA(event){
    event.preventDefault();
  //calculo deseado
  //...
  //...
  miSiguienteFuncion();
}//end function recalcularIVA

function miSiguienteFuncion(){
 //lo que sea
 //..
 //...
 var r = confirm("Desea enviar su factura ?");
 if (r == true) {
    document.getElementById("miFormulario").submit();
 } else {
   alert('Factura no enviada');
 } 
}//end function miSiguienteFuncion
</script>

si te fijas primero envio a una funcion recalcularIVA, al terminar la misma llamo a otra funcion .. y mediante una confirmacion hago el submit mediante un id del form..es una forma pero hay muchas mas..!!

0

Supon que quieres validar la forma antes de enviarla; en lugar de la validacion que agregue puedes sustituir por la que tu requieras

<form id="signUpForm">
 email: <input type="email" id="emailField" required>
  <button id="okButton" >OK</button>
</form>

<script>
const signUpForm = document.getElementById('signUpForm');
const emailField = document.getElementById('emailField');
const okButton = document.getElementById('okButton');

  
okButton.addEventListener('click', function (event) {
//agregas tu funcion a ejecutar
isValidEmail = emailField.checkValidity();
 if ( isValidEmail ) {
     signUpForm.submit();
  } else {
 return false;
  }

});
</script>

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.