Jquery禁用表单提交进入

我有以下javascript在我的页面似乎不工作。

$('form').bind("keypress", function(e) {
  if (e.keyCode == 13) {               
    e.preventDefault();
    return false;
  }
});

我想在进入时禁用提交表单，或者更好的是，调用我的ajax表单提交。任何一种解决方案都是可以接受的，但上面包含的代码不会阻止表单提交。

当前回答

更短:

$('myform').submit(function() {
  return false;
});

其他回答

完整的解决方案在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/

$('form').keyup(function(e) {
  return e.which !== 13  
});

该事件。哪个属性规范化事件。keyCode和event.charCode。建议观看赛事。其中用于键盘按键输入。

文档。

在firefox中，当你按下input并按下enter，它会提交它的上层形式。解决方案是在提交表单中添加以下内容:

<input type="submit" onclick="return false;" style="display:none" />

更短:

$('myform').submit(function() {
  return false;
});

推荐文章