Impedir carregamento de página no envio de formulário Jquery com nenhum botão de exibição
Eu tenho um tipo de chatbot definido no estilo de terminal do MSDOS. O usuário digita sua resposta e pressiona enter. Eu descobri que quando eu codifico o botão com "display: none;" faz com que a página seja recarregada em vários navegadores (o navegador Windows Chrome não é recarregado. não sei por que). Como posso ocultar o botão, mas o formulário e o código estão funcionando corretamente? Prefiro não usar "position: absolute;" para enviá-lo para fora da tela.
HTML:
<div id="bot"><form>
<input id="user-response" type="text" placeholder="" autocomplete="off" autofocus />
<button id="user-submit" type="submit">Send</button>
</form></div>
JAVASCRIPT:
$('#bot').on('click', '#user-submit', function(e) {
e.preventDefault();
message = $('#user-response').val();
message = message.toLowerCase();
sendUserResponse();
getBotResponse(message);
});
Eu tentei vários tipos de retorno: false ;, event.preventDefault () ;, e tal, mas tudo funciona bem, desde que eu não aplique display: none; estilo para o botão. Também mudei para input e type = "button" / type = "submit", mas novamente exibimos: none; faz com que a página seja recarregada ao pressionar 'enter'. Eu li cerca de 20 perguntas diferentes na página recarregar consulta onclick ajax etc ... nenhuma delas parece resolver esse problema.
EDITAR:
Utilizou duas das sugestões abaixo para verificar a tecla pressionada "Enter" para enviar o formulário, mas elas continuam com o mesmo padrão de falha. O formulário recarrega a página se o botão enviar for estilizado para exibição: nenhum; Os métodos abaixo funcionam quando o botão é exibido visivelmente. Irá verificar o código para valores de retorno que podem estar causando o envio e o recarregamento. Atualmente: Página com botão Visível - funciona bem com qualquer método. Página com tela: nenhum botão - causa a recarga em todos os métodos fornecidos.
Também gostaria de mencionar que a atualização da página não está presente no Chrome 49.0.2623.87 para Windows 7, mas está presente em todos os navegadores OS X e alguns navegadores Windows.
EDIT 2
Bug: display: nenhum; botões causam o recarregamento da página. Aparente em navegadores OS X e em alguns Windows. Solução: mude para não-formulários completos do Ajax e deve resolver qualquer problema. Publicará a solução Ajax em funcionamento quando montada. A resposta correta abaixo é para sugerir o Ajax. Erro enviado ao desenvolvedor do Chrome e pode ser debs de outros navegadores posteriormente.