0

muchas gracias de antemano.

He creado un código sencillo de html donde inserto un dato en una base de datos. Como se va a hacer con un lector de códigos de barras quiero prevenir el doble enviado de ese dato sin querer por ello he creado una función que cambia el texto del botón y lo deja inutilizable durante 3segundos pero al crear esta función no esta haciéndome el action.php y no registra los datos

<script type="text/javascript">

function confirmEnviar() {
  miformulario.btnEnviar.disabled = true; 
  miformulario.btnEnviar.value = "Enviando...";
  setTimeout(function(){
    miformulario.btnEnviar.disabled = false;
    miformulario.btnEnviar.value = "Enviar";
  }, 3000);
  return false;
}

miformulario.btnEnviar.addEventListener("click", function(){ 
    return confirmEnviar();
}, false);


    </script>

En este código anterior tengo la función que cambia el botón durante 3 segundos

<form name="miformulario" action="registrar.php" method="post" >

        <input type="text" name="codigo_beep" autofocus>
        <input type="submit" name="btnEnviar" value="BEEP" onclick="confirmEnviar()" >

    </form>

Y esto último el form donde al ejecutar el botón BEEP debe hacer el action registrar.php.

Cabe destacar que si quito el evento onclick de mi botón si realiza el insertado de los datos, es decir, el problema esta en la función script no en el php

0

1 respuesta 1

1

Puedes crear una función que se llame en el evento click del botón beep. Esa función deshabilitará el botón y cambiará su texto a "enviando...". Luego se inicia un timeout con un valor de 3 segundos (3000 ms), cuando el contador finalice se llama la función submit() del formulario para enviarlo.

function  deshabilitarBoton(){

 var boton = document.getElementsByName("btnEnviar")[0];
 boton.disabled = true;
 boton.value = "Enviando...";
 
setTimeout(()=>{
 var formulario = document.getElementById("formulario")
 .submit();

},3000);

}
<form name="miformulario" id="formulario" action="registrar.php" method="post" >

        <input type="text" name="codigo_beep" autofocus>
        <input type="submit" onclick="deshabilitarBoton()" name="btnEnviar" value="BEEP">

    </form>

15
  • Si quito el return false luego el botón se queda deshabilitado
    – amr07
    Commented el 24 mar. 2020 a las 18:08
  • Pero ¿cuando se le da click al botón, debe desaparecer todo el contenido?
    – user128299
    Commented el 24 mar. 2020 a las 18:50
  • @Aprendiz Cuando tu haces click al botón BEEP, en este momento debe enviar los datos por que se le esta ejecutando un php que tiene un insert. Por defecto se elimina el contenido correcto, el problema es que por algún caso al hacer la función para deshabilitarlo durante 3segs no se ejecuta ese php
    – amr07
    Commented el 25 mar. 2020 a las 8:44
  • @Aprendiz En este caso no lo esta borrando el contenido. No se si es por que no se esta ejecutando el php con el insert ¿?
    – amr07
    Commented el 25 mar. 2020 a las 8:46
  • @BetaM sabes por que no ejecuta la función php?
    – amr07
    Commented el 26 mar. 2020 a las 8:46

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.