Evitar el doble envío de un formulario

En muchas ocasiones, cuando completamos un formulario y hacemos click sobre el botón "Enviar", observamos en el navegador que el proceso no avanza, y volvemos a hacer click sobre el botón. A raíz de eso, la mayoría de las veces el proceso se realiza nuevamente, creando un registro repetido en una base de datos o enviando dos emails.

Una manera de evitarlo es utilizando un simple script que evita que se clickee más de una vez sobre el botón de envío del formulario.

Debemos ubicar el código dentro de la cabecera de la página (entre <head> y </head>):

<script LANGUAGE="JavaScript">
<!–
var cuenta=0;
function enviado() {
if (cuenta == 0)
{
cuenta++;
return true;
}
else
{
alert("El formulario ya está siendo enviado, por favor aguarde un instante.");
return false;
}
}
// –>
</script>

Y en el action del formulario debemos agregar lo marcado en negrita:

<form method="POST" action="proceso.php" onSubmit="return enviado()">

<input type="submit" value="Enviar">
</form>

Ejemplo:

(Al enviarlo se cargará nuevamente la página de esta artículo)

Deja un comentario