Почему эта форма отправляется при нажатии Enter в поле?

Question

У меня есть эта форма, отправляющая себя при нажатии клавиши ввода в поле "department.name_text". Это не должно! Я возвращаю false после onKeyUp ... любые комментарии, почему это происходит?

<form id="departments_form" method="POST" name="departments_form" action="app-forms.php"> 
    <input id="departments.name_text" placeholder="Department Name" onKeyUp="alert(event.keyCode); return false;"> 
    <select name="departments.name" id="departments.name" size="6" ondblclick="this.remove(this.selectedIndex);"> 
    </select> 
</form> 

Answer 1

Поставьте заявление о возврате по коду ниже.

Чтобы уловить возврат, вы должны положить return ondblclick().

<select name="departments.name" id="departments.name" size="6" ondblclick="return this.remove(this.selectedIndex);"> 
    </select> 

Answer 2

В вашем примере вы используете onKeyUp. Показ onKeyUp после отправки формы. Так что вы не можете заблокировать действие submit byKeyUp.

Вы должны использовать onKeyPress вместо onKeyUp.

onkeypress="return event.keyCode != 13;" 

Однако в некоторых браузере он не поддерживает OnKeyPress

Вы можете использовать код JQuery для предотвращения отправки формы на

$(document).on("keypress", function(event) { 
    if (event.keyCode == 13) { 
     event.preventDefault(); 
    } 
});