Question

我在＆＃34; departments.name_text＆＃34;中输入密钥时会自行提交此表单。领域。它不应该！我在onKeyUp之后返回false ...任何评论为什么会发生这种情况？

<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。因此，您无法阻止onKeyUp的提交操作。

您应该使用onKeyPress而不是onKeyUp。

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

但是，在某些浏览器中，它不支持onKeyPress

您可以使用jQuery代码来阻止表单通过

提交

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

为什么在按字段输入时提交此表单？

2 个答案: