как исправить ошибку когда enter активирует не ту кнопку в форме
Ответы
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