2

Tengo una duda que me esta volviendo loco por que no se si tiene solución, estoy metiendo un codigo jquery dentro de $(document).ready para que en todos los formularios de mi pagina al enviarlos se de deshabilite el boton submit de tal manera que el usuario solo pueda pulsarlo una unica vez evitando que pueda crear registros duplicados. Bien, el codigo que os muestro mas abajo funciona perfectamente ya que al enviar un formulario se deshabilita el boton submit de dicho formulario pero claro y ahi esta el problema, se deshabilita siempre se envie finalmente el formulario o no, ya que estos formularios tienen unas validaciones (), yo lo que necesito es que se deshabilite el boton submit solo si el submit tiene exito por lo tanto onsubmit no me vale ya que si finalmente ese formulario no se envía por que no cumple las validaciones el boton deveria seguir habilitado para que el usuario pueda corregir el formulario y poder volverlo a enviar. ¿De que manera puedo saber si el formulario al que hago referencia se envía o si por el contrario se interrumpe el submit al validarlo? Mil gracias!!!

$(document).ready(function(){

  $("body").on("submit","form",function(event){
      $(this).find('input[type="submit"]').attr("disabled", true);
  });


});

10
  • 1
    ¿De que manera validas esos campos?¿ Restricciones HTML? ¿A través de una función validadora desde el cliente (Ejemplo: Javascript)? ¿Desde el servidor (Ejemplo: PHP)?
    – phpMyGuel
    Commented el 31 jul. 2019 a las 10:57
  • Valido los campos con una funcion JS que devuelve true (ejecuta el submit) o false (no ejecuta el submit) la cosa es ¿como puedo saber si el evento submit se ha ejecutado finalmente o no? ya que con onSubmit yo solo puedo saber si se ha evocado al evento submit pero no saber si se ha ejecutado con exito.
    – DjEmilio84
    Commented el 31 jul. 2019 a las 11:35
  • Te preguntaba el método de validación porque ahí está el kit de la cuestión. Si el validador te devuelve true significa que se va a enviar el formulario. Podrías o bien deshabilitar e submit en esa misma función antes de lanzar el return true o bien tras capturar la respuesta de la función validadora desde donde la llamas y comprobar que esta es true.
    – phpMyGuel
    Commented el 31 jul. 2019 a las 11:41
  • Deshabilitar el submit en la funcion validadora es lo primero que se me ocurrió el problema es que el proyecto es enoooooorme e ir función por función me llevaria muchisimo tiempo por eso queria saber si pudiera capturar el evento event y saber si de verdad se ejecuta para poder hacer una función generica como la que he puesto en mi pregunta. Un saludo y gracias por la ayuda
    – DjEmilio84
    Commented el 31 jul. 2019 a las 12:11
  • 1
    Deberías poner el código que usas para hacer que se valide el formulario, con lo que tienes en la pregunta no sé qué tipo de validación usas y por tanto no sé cómo modificarla Commented el 31 jul. 2019 a las 13:11

0

Tu Respuesta

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

Examina otras preguntas con la etiqueta o formula tu propia pregunta.