[JavaScript] Bloquear botón de enviar en formulario mientras se envía.

  • 0 Respuestas
  • 225 Vistas

Valarjar
Hijo de Odyn

Cuando le damos al botón enviar cabe la posibilidad de darle clic doblemente, para evitar este suceso se suele bloquear el botón durante unos segundos para que sea enviado, aquí va el código.

HTML:
Código: HTML5
  1. <form name="miformulario">
  2.   <input type="submit" name="btnEnviar" value="Enviar" />
  3. </form>
  4.  

JavaScript:
Código: Javascript
  1. function confirmEnviar() {
  2.   miformulario.btnEnviar.disabled = true;
  3.   miformulario.btnEnviar.value = "Enviando...";
  4.   setTimeout(function(){
  5.     miformulario.btnEnviar.disabled = false;
  6.     miformulario.btnEnviar.value = "Enviar";
  7.   }, 3000);
  8.   return false;
  9. }
  10.  
  11. miformulario.btnEnviar.addEventListener("click", function(){
  12.     return confirmEnviar();
  13. }, false);
  14.