secciones

Creando formularios web

Está disponible un capítulo dedicado al diseño de formularios web del libro “Defensive Design for the web”. El capítulo es una buena lectura lleno de buenas ideas para hacer los formularios más usables: Marcar los campos obligatorios, dar ejemplos de formatos aceptados, etc.

A mí me ha llamado la atención una “idea feliz” para un problema que seguro os habrá surgido en más de una ocasión:

Hay un formulario que lleva a una página que efectúa un proceso (por ejemplo un cargo en la tarjeta de crédito al finalizar una compra). Como el proceso puede tardar algo de tiempo en completarse, corremos el peligro de que el usuario interprete que la petición se ha perdido y vuelva a darle al botón de enviar. A pesar de que en la página se avisa del peligro de pulsar dos veces sobre el botón de envío siempre hay algún usuario que termina repitiendo la compra.

La solución:

Deshabilitar el botón una vez que se ha pulsado sobre él. Ejemplo:

Lo cual se puede lograr mediante el siguiente código:

<input type="button" name="enviar" value="Enviar" 
onClick="this.value='Espere...';this.disabled=true;this.form.submit()"/>

¡Una gran idea!

5 Comentarios
Sergio
8 octubre 2004, 14:48 — #1
Realmente buena, a ponerla en práctica :-)
ebarbeito
9 octubre 2004, 02:15 — #2
Fantástico. Me habría venido de perslas algo así hace un tiempo.

¡Me lo apunto! Saludos
Jaime Irurzun
10 octubre 2004, 13:49 — #3
Estupenda idea.
Luis Tenorio
Luis Tenorio
31 octubre 2004, 16:17 — #4
Buenos dias, quisiera por favor se me enviara informacion de como crear formularios en Java. No en Java Script.
Gracias.
missha
13 noviembre 2004, 03:19 — #5
bueno, por si alguien tiene deshabilitado js a veces ésta técnica se convina con la deshabilitación del botón con php u otro lenguaje del servidor también.

Comentarios cerrados para este artículo

Anterior: Configurar el servidor web para la usabilidad. Siguiente: Código en el cliente / Código en el servidor