Deshabilitar tecla enter de los formularios

Los formularios de modo predeterminado se pueden ejecutar pulsando la tecla “Enter” o con el botón submit del mismo. En algunas ocasiones, nos podría interesar deshabilitar la tecla «Enter» y que los formularios no se envíen pulsándola.

En este artículo vamos a ver como desactivar la tecla «Enter» al ejecutar un formulario. De esta forma, obligamos al usuairo a tener que hacer click en el botón predestinado que tengamos en nuestro formulario para enviar así la información.

Añadiendo lo siguiente en nuestro <head> podemos deshabilitar muy fácilmente la tecla «Enter»:

<script type="text/javascript">
$(document).ready(function() {
    $("form").keypress(function(e) {
        if (e.which == 13) {
            return false;
        }
    });
});
</script>

Tan solo estamos comprobando que si se pulsa la tecla «Enter» se retorne «false» no enviándose ninguna información ni produciendo ningún efecto.

Ver el ejemplo en funcionamiento

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(10 votos, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

9 respuestas a “Deshabilitar tecla enter de los formularios”

  1. Marcos dice:

    buenas,

    yo he hecho justo lo que dices, en prestashop 1.7.6 y a mi me sigue funcionando la tecla intro. Y la consola de js no dice ni mu…

    alguna idea?

    saludos

  2. luis dice:

    Quiero hacer eso mismo pero estoy usando PHP
    tienes codigo para PHP??

    Te lo agradeceria

    • Jose Aguilar dice:

      Hola,

      Gracias por tu mensaje.

      Con PHP no se si será posible ya que es un lenguaje de servidor. Para deshabilitar la tecla enter en el cliente se necesita hacerlo con un lenguaje orientado al cliente como por ejemplo JavaScript.

      Saludos

  3. Jean dice:

    Excelente, gracias!!

  4. franco dice:

    Quiero cambiar el enter por un tab, me ayudas plis!

  5. yojan dice:

    Gracias Amigo.

  6. Levis Torrealba dice:

    Gracias por la información. Tu página web es una fuente de información muy interesante. Te felicito.

  7. carlos manuel villanueva rosado dice:

    hola mi pregunta seria como le puedo hacer para que la tecla enter de mi laptop me funcione,estaba funcionando bien pero no se que le movi y ya no funciona. gracias

Deja una respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre