我有以下javascript在我的页面似乎不工作。
$('form').bind("keypress", function(e) {
if (e.keyCode == 13) {
e.preventDefault();
return false;
}
});
我想在进入时禁用提交表单，或者更好的是，调用我的ajax表单提交。任何一种解决方案都是可以接受的，但上面包含的代码不会阻止表单提交。
当前回答
在firefox中，当你按下input并按下enter，它会提交它的上层形式。解决方案是在提交表单中添加以下内容:
<input type="submit" onclick="return false;" style="display:none" />
其他回答
下面的代码将禁止在提交表单时使用enter键，但仍然允许在文本区域中使用enter键。您可以根据需要进一步编辑它。
<script type="text/javascript">
function stopRKey(evt) {
var evt = (evt) ? evt : ((event) ? event : null);
var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
if ((evt.keyCode == 13) && ((node.type=="text") || (node.type=="radio") || (node.type=="checkbox")) ) {return false;}
}
document.onkeypress = stopRKey;
</script>
完整的解决方案在JavaScript的所有浏览器
上面的代码和大多数解决方案都是完美的。 然而，我认为最喜欢的是一个不完整的“简短回答”。
这就是全部答案。在JavaScript和本地支持IE 7以及。
var form = document.getElementById("testForm");
form.addEventListener("submit",function(e){e.preventDefault(); return false;});
这个解决方案现在将阻止用户使用enter Key提交，并且不会重新加载页面，或者如果您的表单位于页面下方的某个位置，则不会将您带到页面顶部。
当你关注输入元素时，表单通常是按Enter键提交的。
我们可以在表单中的输入元素上禁用Enter键(代码13):
$('form input').on('keypress', function(e) {
return e.which !== 13;
});
演示:http://jsfiddle.net/bnx96/325/
我听说哪个是不推荐的，所以把最佳评分的答案改成这个。
$('#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
如果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()
