Evento Submit de un formulario al pulsar intro con JavaScript

Este código forzará que al pulsar la tecla enter en el campo desde el que nosotros le llamemos, el formulario pasado se envíe.

Esto es útil para hacer nuestro formularios más dinámicos e intuitivos.

En el lado técnico, lo único que merece atención es el problema de recibir el código ascii de la tecla, ya que dependiendo de que navegador y con que versión estemos, tendremos que usar "keyCode" ó "which". Después se comprueba si la tecla pulsada es el intro (ascii 13) y en ese caso envía el formulario.

Esta función devuelve true en caso de ser procesada correctamente, en caso de que el navegador usado no reconociera ni el evento "keyCode" ni "which", devolvería false.

Recibe 2 parámetros:
1 - (event) objeto "event" que pasa el ascii de la tecla pulsada.
2 - Objeto formulario que se vaya a enviar.

En el HEAD:
<script language="javascript">
//Su explorador no soporta java o lo tiene deshabilitado; esta pagina necesita javascript para funcionar correctamente<!--
//Copyright © McAnam.com

function iSubmitEnter(oEvento, oFormulario){
     var iAscii;

     if (oEvento.keyCode)
         iAscii = oEvento.keyCode;
     else if (oEvento.which)
         iAscii = oEvento.which;
     else
         return false;

     if (iAscii == 13) oFormulario.submit();

     return true;
}
//-->
</script>

En el BODY:
<form id="form1" name="form1" method="get">    
     Nombre: <input type="text" name="nombre"><br>
     Apellidos: <input type="text" name="apellidos" onkeypress="iSubmitEnter(event, document.form1)">
</form>

Original de McAnam.

Usuarios que han visto este tema también han visto...

- Cómo pasar variables entre páginas con javascript
- Cómo detectar la resolución de la pantalla en JavaScript
- JQuery: expandir y colapsar un div
- Crear un archivo .js
- Mostrar fecha del sistema

- Versión imprimible de este documento

- Enviar por e-mail este documento