Evento Submit de un formulario al pulsar intro

 
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>

Links relacionados:
Validar todos los campos de un formulario
Generador de codigos para crear Formularios
Formulario HTML para enviar archivos al servidor
Enviar un formulario por correo electrónico con PHP
Enviar un formulario por correo electrónico con adjuntos en PHP
Formulario de contacto en Flash


Para cualquier duda, consulta, sugerencia, opinión, colaboración, etc; no dude en ponerse en contacto con nosotros

Copyright © 2002-2017 [McAnam]. Reservados todos los derechos.
www.mcanam.com