Jquery禁用表单提交进入

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

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

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

当前回答

以上大多数答案将阻止用户在textarea字段中添加新行。如果这是你想要避免的情况，你可以通过检查当前有焦点的元素来排除这种特殊情况:

var keyCode = e.keyCode || e.which;
if (keyCode === 13 && !$(document.activeElement).is('textarea')) {
  e.preventDefault();
  return false;
}

2016-07-26 15:08:50

其他回答

以上大多数答案将阻止用户在textarea字段中添加新行。如果这是你想要避免的情况，你可以通过检查当前有焦点的元素来排除这种特殊情况:

var keyCode = e.keyCode || e.which;
if (keyCode === 13 && !$(document.activeElement).is('textarea')) {
  e.preventDefault();
  return false;
}

2016-07-26 15:08:50

更短:

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

2012-12-07 20:41:16

下面是一个简单的JavaScript解决方案，没有使用不同的处理键下或按键事件的变化:

document.forms[0].addEventListener('submit', function(e) {
    if(document.activeElement.getAttribute('type') !== 'submit') {
        e.preventDefault();
    }
});

只有当页面上的活动元素是提交按钮时，才会提交表单。因此，您可以通过单击提交按钮或在提交按钮有焦点时按ENTER键提交表单。

2021-07-16 15:42:32

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

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

2014-08-25 05:53:44

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

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

文档。

2012-06-27 22:27:49

Jquery禁用表单提交进入

推荐文章

最新文章

标签