Форма Bootstrap всегда отправляется при вводе ⇐ Jquery

[Anonymous]

У меня есть функция jquery:

Код: Выделить всё

$("#get-input").keyup(function (event) {
if (event.keyCode === 13) {
$("#get-data").click();
}
});

$("#get-data").click(function (e) {
var endpoint = $(".get-input").val();

if ($('#data-display').is('[hidden]')) {
$('#data-display').removeAttr('hidden');
}

$.ajax
({
url: "https://localhost:44398/api/" + endpoint,
type: 'get',
success: function (data) {
$('.formatted-json').text(JSON.stringify(data, null, '\t'))
}
});
});

Моя форма:

Код: Выделить всё

this is the label

Это прекрасно работает, когда я нажимаю кнопку #get-data. Ajax активирован, и данные отображаются. Моя проблема в том, что когда я нажимаю клавишу ввода, она перезагружает всю страницу. Мне нужно, чтобы клавиша ввода действовала так же, как если бы я нажал кнопку.

Я безуспешно пытался изменить клавиатуру на нажатие и нажатие. Я попытался изменить функцию .click на функцию .submit в форме вместо ввода. Я также обернул весь JS внутри вызова готовности документа, но он по-прежнему работает так же.

Есть ли у кого-нибудь идеи, что мне нужно сделать, чтобы это работало правильно, когда я нажимаю Enter?

Подробнее здесь: https://stackoverflow.com/questions/623 ... s-on-enter