как исправить ошибку когда enter активирует не ту кнопку в форме

Аватар пользователя Elena Gromova
Elena Gromova
09 ноября 2024

Чтобы настроить правильное поведение клавиши Enter в форме, можно задать кнопке type="button" для отмены её поведения по умолчанию или использовать JavaScript для управления нажатием Enter.

Решение через JavaScript:

Назначьте обработчик событий на кнопку:

<form id="myForm">
    <input type="text" placeholder="Ваше имя">
    <button type="submit">Отправить</button>
    <button type="button" id="otherButton">Другое действие</button>
</form>

<script>
    document.getElementById("myForm").addEventListener("keydown", function(event) {
        if (event.key === "Enter") {
            event.preventDefault(); // отменяем стандартное поведение Enter
            document.querySelector("button[type=submit]").click();
        }
    });
</script>

Используйте type="button" для всех кнопок, которые не должны отправлять форму, чтобы Enter активировал только кнопку с type="submit".

0 0
Пройдите курс по программированию бесплатно