Deshabilitar / Desactivar Intro en un formulario

Vaya manía que tienen algunos al pulsar ‘Enter / Intro’ cada vez que añaden contenido a un campo de un formulario. Quizás que desvíen su mirada hacia el tabulador o simplemente, no utilicen el Intro al escribir en formularios…

Clraramente, cuando estás rellenando un formulario, y pulsas Intro, éste se envía. Si hay alguien que tiene la ‘revival’ manía de pulsar la tecla intro, cual usuario de una aplicación Cobol, cada vez que añade contenido a un campo, tenemos a usuarios que rellenan bases de datos con campos vacíos…

Cómo podemos deshabilitar el Intro cuando se está rellenando un formulario

Puede hacerse de diferentes maneras, pero la más general es:

1
2
3
<form name="formcreacion" action="/direccion/destino" method="post" onKeypress="if(event.keyCode == 13) event.returnValue = false;">
...
</form>

La clave está en la captura del evento onKeyPress que hacemos que si se pulsa la tecla intro, no haga nada. Por lo tanto, no se envía el formulario.

Artículos relacionados

Habilitar WebGL en navegador Chrome Si estáis viendo esta entrada de blog es porque seguramente estaréis experimentando con librerías 3D para vuestro navegador. Yo seguí los siguientes p...
JavaScript – Sumar días o meses a una fecha Veamos un ejemplo de cómo sumar a la fecha actual, días o meses en Javascript. Uno de los temas más engorrosos debido a los diferentes formatos de fec...
Optimizar ficheros js para disminuir tiempo de car... En muchas ocasiones nos encontramos con un problema que afecta al tiempo de carga de nuestra web. Llamamos a muchos ficheros javascript desde nuestra ...
jQuery – Validar formulario antes de enviarl... Os dejamos un videotutorial que detalla cómo validar un formulario antes de enviarlo, mostrando al usuario qué error está cometiendo y en que campo. V...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*