Deshabilitar boton de envío en un formulario

21 01 2009

Esto es un sencillo ejemplo en JavaScript, el cual evita que una vez enviado los datos de un formulario no los pueda volver a enviar, pues bloquea los botones.  Un ejemplo práctico sería el ingreso de información a una base de datos, regresamos a la página anterior y volvemos a enviar la misma información.

Para aplicarlo a nuestro tabajo, lo que tenemos que hacer es copiar y pegar este código en la cabecera del archivo o importarlo.

<script language="JavaScript">
<!--

function misubmit(label) {
var forma = document.nombreFormulario;

forma.action.value = label;

forma.enviar.disabled = true;
forma.cancelar.disabled = true;

forma.submit();
}

//-->

</script>

y en el formulario colocamos en los botones de la siguiente manera:

<input id="enviar" onclick="misubmit('Enviar');" name="Enviar" type="button" value="Enviar" />
<input id="cancelar" onclick="misubmit('Cancelar');" name="Cancelar" type="button" value="Cancelar">

Y listo, ya podemos evitar que un usuario “explorador” retroceda e ingresen de nuevo la información.

Espero que les sirva de ayuda.


Acciones

Information

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s




A %d blogueros les gusta esto: