Saltar al contenido

HTML5: ¿Cómo enviar un formulario después de presionar ENTER en cualquiera de las entradas de texto?

Tenemos la mejor solución que hemos encontrado on line. Nosotros esperamos que te sirva de ayuda y si quieres compartir alguna mejora hazlo libremente.

Solución:

Intenta agregar esto entre el

etiquetas


Lo probé y funciona en Firefox y Chrome. Si tiene un tipo de entrada de envío en el formulario, ingresar debe enviarlo automáticamente, independientemente de si es visible o no.


De hecho, estoy usando esto yo mismo en un formulario de inicio de sesión, aunque en el campo de nombre de usuario, tiene más sentido pasar al siguiente campo que enviar. En caso de que tenga un caso de uso similar, aquí está el código que usé (requiere jQuery)

$('#username').keypress(function(event) 
    if (event.keyCode == 13 );

Sin embargo, tenga en cuenta que hay un pequeño error: si el usuario selecciona un nombre de usuario de autocompletar del navegador y presiona ingresar, aún se mueve al siguiente campo en lugar de seleccionarlo. No tuve tiempo de depurar esto, pero si alguien puede descubrir cómo solucionarlo, sería genial.

Estaba buscando una solución a este problema y quiero compartir mi solución, basada en muchas publicaciones aquí. (Probado en Chrome/Firefox/IE modernos)

Entonces, usando solo Javascript, el siguiente código envía el formulario si ENTRAR key se presiona ningún campo o si el boton Submit se presiona. Después de eso, borra/restablece el formulario, lo cual es bueno.

Espero eso ayude.




Based on http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_ev_onsubmit

When you submit the form, a function is triggered which alerts some text.

Enter name:

Asegúrese de que sus entradas estén dentro del elemento “formulario” y dele al elemento “formulario” una “acción” attribute.

Aquí puedes ver las comentarios y valoraciones de los lectores

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4)



Utiliza Nuestro Buscador

Deja una respuesta

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