Doble Submit con JavaScript

23 Enero, 2008 por Mr. FotoPex deja una respuesta »

 

 

Cuando enviamos datos mediante un formulario y el proceso es lento, el botón submit queda activo y se puede dar otro clic, en la mayoría de estas veces el proceso se realiza nuevamente, creando un registro repetido en la base de datos o duplicando el proceso.

Podemos utilizando un simple script que evita que se presiones más de una vez sobre el botón submit del formulario. Este script esta en muchos sitios de Internet desde hace mucho y es muy efectivo.

El código debe ir dentro de las etiquetas <head> y </head>

HTML:
  1. <script LANGUAGE="JavaScript">
  2. <!--
  3. var cuenta=0;
  4. function enviado() {
  5. if (cuenta == 0)
  6. {
  7. cuenta++;
  8. return true;
  9. }
  10. else
  11. {
  12. alert("El formulario ya est&aacute; siendo enviado, por favor aguarde un instante.");
  13. return false;
  14. }
  15. }
  16. // -->
  17. </script>

Y desde el formulario llamamos la función enviado( ), debe quedar así:

HTML:
  1. <form method="POST" action="subir.php" onSubmit="return enviado()">
  2. ...
  3. <input type="submit" value="Enviar">
  4. </form>

Publicidad

Deja un comentario