ctrlEnter
Ya hace tiempo que veía un problema muy común con las formas en la web. Fuera de los textarea y los select, teniendo el foco en cualquier elemento de una forma y presionando Enter, hace que la forma sea enviada. Si pudiera, haría un estudio con el fin de ver qué porcentaje de estas son enviadas presionando Enter por equivocación.
Pero como no puedo, mejor especulo y digo que es bastante alto. La gente común y corriente no utiliza Enter para las búsquedas en el home de Google; tienen que agarrar el mouse y presionar el botón. Lo que a un usuario de poder nos parecería obvio, para mucha gente no lo es. Así que si en una forma con un sólo campo, no presionan Enter para enviar, qué podemos esperar de una que tiene al menos cinco elementos más?
El Enter en estos casos sirve para una sola cosa; frustar al usuario.
Estos días he estado desarrollando un plugin para jQuery llamado CtrlEnter, que lleva una solución un paso adelante. Primero, deshabilitando la tecla Enter para todos los campos, evitando que las formas se envíen por error. Y en segundo lugar, una opción accesible para el power user; si ya acabaste de completar la forma, presiona la combinación Ctrl + Enter para enviarla.
Descargar CtrlEnter // Demo
Un poco detrás de la idea de ctrlEnter: Observen los aparatos electrónicos de a su alrededor, en especial los controles remotos. Úlitmamente, para la acción más destrucitva (apagarlo), buscan evitar que se presione el botón de apagado (hundiéndolo, vean el control del Wii), no haciéndolo botón (el del DS es un deslizable) o necesitan la confirmación presionándolo un par de segundos (la mayoría de los celulares). La razón es la misma: usabilidad.
Algunos teclados tienen botones de apagado y de dormir. Muchos, posicionadas en el lugar de las teclas menos usadas; Impr Pant y compañeras. El problema es que no requieren confirmación de ningún tipo y presionarlas por error, en el peor de los casos ocasionará perder datos no guardados. Una equivocación por no pedir un par de segundos de confirmación antes de ejecutar la acción.
Espero me haya explicado. De ahora en adelante este será uno de los scripts por default en mis siguientes proyectos y ya está implementado en therror. Si lo usan en sus sitios, no duden en poner un comentario con el enlace.
ctrlEnter fue escrito por @rafael_soto_ el día lunes 7 de septiembre de 2009 a las 2:47 a. m.
Este post fue etiquetado: js web geek usabilidad
22 años haciendo sitios web
Sabemos una o dos cosas acerca de cómo posicionar tu negocio en internet. Hablemos.
Comentarios
Me ha pasado varias veces, no se por que en vez de presionar Tab, aprieto enter y todo se va al carajo y me sale el anuncio de que no he rellenado campos ¬¬, me parece un script bastante útil y que si fuera implementado en la mayoría de los formularios, se evitarían la muerte inminente de varios gatitos.
Mi teclado tiene esos botones del mal, nunca los uso para nada, pero el de sleep ha destrozado mi vida 3 veces.
Una vez reprobé un examen por presionar enter cuando no debía, envié el examen casi en blanco y fallé en la vida, concuerdo con Zerma, es un scritp bastante usable y que nos puede salvar la vida mas de una vez, habrá que darle una buena checada, e implementarlo en la vida diaria.
Saludos
Excelente comentario, que bueno que encontré tu blog para poder estar en contacto con alguien a quien le preocupa lo mismo que a mi y que además es paisano.
Sigue así. Saludos!
que?!!!
el enter en los formularios hace que puedas dar submit rapidamente sin tener que agarrar el maldito mouse!!
yo he escrito java scripts para agregar la funcionabilidad del Enter!!!
Zerma, así es, failbuttons. y si, ojalá todo mundo lo implementara (aunque yo mismo no me acabo de acostumbrar al hotkey)
Ozmonk, si, full of fail.
Jorge, paisano de país o de estado?
German, y para qué escribes códigos que es el funcionamiento default de las formas? como sea, no es obligatorio, puedes usarlo si quieres.
Agrega tu comentario
Nota: Comentarios deshabilitados temporalmente, disculpen las molestias.