2011-08-26 20 views
5

Tengo un formulario para iniciar sesión en mi sitio web. Necesito hacerlo de modo que cuando el usuario presione enter, el formulario envíe. ¿Cómo puedo hacer esto? Por favor proporcione el código. Gracias.Cómo hacer ingresar el botón de enviar en un formulario

  <form id="login" action="myHome.php" method="POST"> 
      <input type="text" name="email" id="email"/> 
      <br/> 
      <br/> 
      <input type="text" name="password" id="password"/> 
      </form> 

Respuesta

7

¿Has probado algo?

Debe agregar un <input type="submit"> y ocultarlo con CSS para que el navegador sepa qué se debe activar cuando se presiona ingresar, y aún así no mostrar un botón. Por el bien de la accesibilidad y la facilidad de uso, mostraría el botón aunque no muchas personas lo usen (entrar es mucho más agradable).

+0

Para mí esto sólo funcionaba cuando el cursor se encontraba en uno de los campos 'Text', no si tabbing al botón 'enviar' oculto. La solución jQuery funcionó para mí. – Gruber

+0

También puede hacer , si se dirige a navegadores compatibles con HTML5. – BBaysinger

0

Esto debería realizarse de forma predeterminada. En mi experiencia, algunos navegadores requieren un campo <input type=submit>, pero generalmente esto no es un requisito.

5

agregar un controlador para el keydown y comprobar si == código clave 13. Permitir que este envíe el formulario, como a continuación

function addInputSubmitEvent(form, input) { 
    input.onkeydown = function(e) { 
     e = e || window.event; 
     if (e.keyCode == 13) { 
      form.submit(); 
      return false; 
     } 
    }; 
} 
+0

¿No hay una manera más agradable que esto? Sólo me preguntaba. – lpapp

Cuestiones relacionadas