Jquery禁用表单提交进入

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

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

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

当前回答

完整的解决方案在JavaScript的所有浏览器

上面的代码和大多数解决方案都是完美的。然而，我认为最喜欢的是一个不完整的“简短回答”。

这就是全部答案。在JavaScript和本地支持IE 7以及。

var form = document.getElementById("testForm");
form.addEventListener("submit",function(e){e.preventDefault(); return false;});

这个解决方案现在将阻止用户使用enter Key提交，并且不会重新加载页面，或者如果您的表单位于页面下方的某个位置，则不会将您带到页面顶部。

2015-11-02 04:07:43

其他回答

$(document).on('keyup keypress', 'form input[type="text"]', function(e) {
  if(e.which == 13) {
    e.preventDefault();
    return false;
  }
});

这个解决方案适用于网站上的所有表单(也适用于插入ajax的表单)，只防止输入文本中的输入。把它放在文档就绪函数中，然后永远忘记这个问题。

2014-05-30 12:32:33

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

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

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

2021-07-16 15:42:32

如果你只是想在进入和提交按钮时禁用提交，也可以使用表单的onsubmit事件

<form onsubmit="return false;">

你可以将“return false”替换为调用JS函数，该函数将执行所需的任何操作，并将提交表单作为最后一步。

2014-03-09 15:22:19

$('#FormID').on('keyup keypress', function (e) {
        var keyCode = e.keyCode || e.which;
        if (keyCode === 13) {
            e.preventDefault();
            return false;
        }
    });

2021-07-16 07:37:09

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

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

2014-08-25 05:53:44

Jquery禁用表单提交进入

推荐文章

最新文章

标签