Запретить отправку формы, когда я поместил любое ключевое слово для поиска в поле ввода, а затем нажал клавишу ввода.Использование Jquery

Question

Привет, у меня есть этот код на лезвии laravel,

<h1 class="" id="module-users-h1">Search User</h1>

<form class="" id="module-user-search" action="" method="post">
    <div class="field has-addons">
        <div class="control is-expanded">
            <input class="input" type="text" name="user" id="module-user-search-input" placeholder="Find user">
        </div>
        <div class="control">
            <button type="button" class="button is-info" id="module-user-button" name="button">Seach</button>
        </div>
    </div>
</form>

для функции поиска.

и у меня есть этот код JavaScript,

/**
 * Perform search user -------------------
 *
 * @return void
 */
$('#module-user-button').click(function(e) {
    let formData = $(this).parents('form').serialize();

    axios.get('/modules/getuser/' + formData.split('=')[1])
    .then((response) => {
        console.log(response.data);
    });
});

$('#module-user-search-input').keyup(function (e) {
    e.preventDefault();

    if (e.keyCode === 13) {
        $('#module-user-button').click();
    }
});

What I 'я пытаюсь сделать что-то кроме нажатия кнопки, я хотел бы выполнить поиск, когда нажата клавиша ввода.

Проблема в том, что, когда я вводил любое имя пользователя в качестве ключевого слова для поиска в текстовое поле ввода, а затем нажимал Enter,Форма будет отправлена ​​в результате такого рода ошибки в laravel.

Любые идеи или решения для этого?

Answer 1

Вы можете отключить поведение по умолчанию, возвращая false при нажатии клавиши ввода в форме следующим образом:

$(document).on("keypress", "#module-user-search", function(event) 
{ 
    if (event.keyCode == 13)
        return false;
});