Чтобы отправить форму в JavaScript при нажатии клавиши Enter, вы можете использовать несколько методов. Вот несколько подходов:
-
Использование события onkeypress:
<form onkeypress="return event.keyCode != 13;"> <!-- form fields --> </form>Этот метод предотвращает отправку формы при нажатии клавиши Enter, проверяя keyCode события клавиши. Если keyCode равен 13 (что соответствует клавише Enter), он возвращает false, предотвращая отправку формы.
-
Использование события onkeydown:
<form onkeydown="if (event.keyCode === 13) { event.preventDefault(); this.submit(); }"> <!-- form fields --> </form>Этот метод прослушивает событие нажатия клавиши и проверяет, равен ли keyCode 13 (клавиша Enter). Если это так, он предотвращает поведение ключевого события по умолчанию (которое обычно представляет собой отправку формы) и вручную запускает метод submit() формы.
-
Использование прослушивателей событий JavaScript:
document.addEventListener('keydown', function(event) { if (event.keyCode === 13 && event.target.tagName === 'INPUT') { event.preventDefault(); document.querySelector('form').submit(); } });Этот метод добавляет прослушиватель событий нажатия клавиш к объекту документа. Он проверяет, равен ли keyCode 13 (клавиша Enter) и является ли целевой элемент полем ввода. Если оба условия соблюдены, поведение по умолчанию предотвращается и форма отправляется.
-
Использование jQuery:
$('input').keypress(function(event) { if (event.keyCode === 13) { event.preventDefault(); $('form').submit(); } });Если вы используете jQuery, вы можете привязать событие нажатия клавиши к элементам ввода. При нажатии клавиши Enter предотвращается поведение по умолчанию и отправляется форма с помощью функции submit().