Impedir envio de formulário pela tecla enter

HTML

Front-end

17/11/2016

Como impedir que um formulário seja automaticamente enviado quando o usuário aperta a tecla enter em cima de um input?
Victor Machado

Victor Machado

Curtidas 0

Melhor post

Fernando Gaspar

Fernando Gaspar

18/11/2016

Fala Hugo, beleza?

Uma das formas de realizar esse bloqueio é com o jQuery


$(document).ready(function () {
   $('input').keypress(function (e) {
        var code = null;
        code = (e.keyCode ? e.keyCode : e.which);                
        return (code == 13) ? false : true;
   });
});


No código acima você desativa o clique da tecla enter que é o code==13 em todos os inputs da sua pagina, lembrando que se quiser aplicar isso para um text área também vai precisar inserir na função.

Abraços!
GOSTEI 2

Mais Respostas

Eduardo Chaves

Eduardo Chaves

17/11/2016

Olá Hugo, bom dia!
Você pode tentar o seguinte: 

$('#formid').on('keyup keypress', function(e) {
  var keyCode = e.keyCode || e.which;
  if (keyCode === 13) { 
    e.preventDefault();
    return false;
  }
});


isso vai impedir a sua tecla enter (keycode 13) dê submit no formulário ao ser pressionada.

abs
GOSTEI 0
Victor Machado

Victor Machado

17/11/2016

Muito obrigado, Gaspar.
GOSTEI 0
POSTAR