我有以下javascript在我的页面似乎不工作。
$('form').bind("keypress", function(e) {
if (e.keyCode == 13) {
e.preventDefault();
return false;
}
});
我想在进入时禁用提交表单，或者更好的是，调用我的ajax表单提交。任何一种解决方案都是可以接受的，但上面包含的代码不会阻止表单提交。
当前回答
我听说哪个是不推荐的，所以把最佳评分的答案改成这个。
$('#formid').on('keyup keypress', function(e) {
if (e.key === 'Enter') {
e.preventDefault();
return false;
}
});
引用https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/which
其他回答
$('#FormID').on('keyup keypress', function (e) {
var keyCode = e.keyCode || e.which;
if (keyCode === 13) {
e.preventDefault();
return false;
}
});
如果keyCode未被捕获，则捕获哪个:
$('#formid').on('keyup keypress', function(e) {
var keyCode = e.keyCode || e.which;
if (keyCode === 13) {
e.preventDefault();
return false;
}
});
编辑:错过了它，最好使用键up而不是按键
编辑2:在一些较新版本的Firefox中，表单提交不会被阻止，因此在表单中添加按键事件会更安全。它也不能工作(不再?)，只是将事件绑定到表单“name”，但只绑定到表单id。因此，我通过适当地更改代码示例使这一点更加明显。
修改bind()为on()
3年过去了，没有一个人能完全回答这个问题。
请求者希望取消默认的表单提交并调用自己的Ajax。这是一个简单的要求和简单的解决方案。不需要拦截每个输入中的每个字符。
假设表单有一个提交按钮，无论是<button id="save-form">还是<input id="save-form" type="submit">，执行:
$("#save-form").on("click", function () {
$.ajax({
...
});
return false;
});
如果你只是想在进入和提交按钮时禁用提交，也可以使用表单的onsubmit事件
<form onsubmit="return false;">
你可以将“return false”替换为调用JS函数，该函数将执行所需的任何操作，并将提交表单作为最后一步。
下面是一个简单的JavaScript解决方案，没有使用不同的处理键下或按键事件的变化:
document.forms[0].addEventListener('submit', function(e) {
if(document.activeElement.getAttribute('type') !== 'submit') {
e.preventDefault();
}
});
只有当页面上的活动元素是提交按钮时，才会提交表单。 因此，您可以通过单击提交按钮或在提交按钮有焦点时按ENTER键提交表单。
