В форме кнопка с онкликом. Нужно запретить отправку формы по нажатии кнопки ENTER. Можно ли это как-то сделать?
Или чтобы Enter работал также, как нажатие на кнопку.
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуВ форме кнопка с онкликом. Нужно запретить отправку формы по нажатии кнопки ENTER. Можно ли это как-то сделать?
Или чтобы Enter работал также, как нажатие на кнопку.
Ну, например, так:
$(document).ready(function() {
$(form).keydown(function(event){
if(event.keyCode == 13) {
event.preventDefault();
return false;
}
});
});
Без использования дополнительных библиотек типа jQuery
и т.п. запрет отправки формы по нажатию клавиши Enter можно реализовать следующим образом:
<form name="test" action="/">
<input type="text" name="text1" value="Некоторый текст 1" />
<br />
<input type="text" name="text2" value="Некоторый текст 2" />
<br />
<input type="button" value="Отправить" onclick="this.parentNode.submit();">
</form>
То есть просто убираем input
с type="submit"
, добавляя вместо него input
с type="button"
и JS-обработчиком нажатия. При нажатии Enter в любом поле формы она не будет отправлена, поскольку браузер не сможет обнаружить кнопку отправки.
form.addEventListener('keydown', function(event) {
if(event.keyCode == 13) {
event.preventDefault();
}
});