Почему моя форма перезагружает страницу?

Question

Я предпочитаю передавать значения формы с помощью AJAX, нажав «Return», и все мои настройки, которые я делал ранее, работают, но сегодня он перестает работать. Вот шаги, которые я выполнял довольно долго.

1. Включить JQuery
2. настройки мою форму
3. Предотвращение его формы представления

$(document).ready(function(){ 
    $(document).on('keyup', myFormSelector, function(event){ 
    if (event.keyCode === 13) { 
     event.preventDefault(); 
    } 
    }); 
}); 

Answer 1

изменить событие KeyDown и он будет работать.

Answer 2

попытаться отключить поведение по умолчанию из события отправки и добавить элемент SUBMIT (display: none).

Если форма имеет элемент submit, ключ возврата работает так, как вы хотите.

Howto отключить событие представляет:

$('#myForm').submit(function(e) { 
    e.preventDefault(); // disabling default submit with reload. 
    // ajax code here 
}); 

, если это не сработает, у можете попробовать это также:

<form id="myForm" onsubmit="return false"> ... </form> 

Возвращение ложь делает остановки подачи слишком.

При использовании элементов отправки вместо keyup/keydown вы сможете добавлять на свою страницу несколько форм с желаемым поведением.