blocks|key|535246|text|如果未捕获keyCode，则捕获which|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|535247|$('#formid').on('keyup+keypress',+function(e)+{
++var+keyCode+=+e.keyCode+%7C%7C+e.which;
++if+(keyCode+===+13)+{+
++++e.preventDefault();
++++return+false;
++}
});|code-block|syntax|javascript|535248|编辑:错过了，最好用keyup而不是keypress|535249|编辑2:在Firefox的一些新版本中，表单提交不会被阻止，因此在表单中添加按键事件也会更安全。它也不能工作了(再也不能工作了？)只需将事件绑定到表单"name“，但仅绑定到表单id。因此，我通过适当地更改代码示例使这一点变得更加明显。|535250|编辑3:将bind()更改为on()|535251|entityMap^0|5|7|G|5|0|0|A|5|I|8|0|0|5|6|E|4|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|13|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|14|8|@$9|15|A|16|B|C]|$9|17|A|18|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|R|$]]

<p>If <code>keyCode</code> is not caught, catch <code>which</code>:</p>

<pre><code>$('#formid').on('keyup keypress', function(e) {
  var keyCode = e.keyCode || e.which;
  if (keyCode === 13) { 
    e.preventDefault();
    return false;
  }
});
</code></pre>

<p>EDIT: missed it, it's better to use <code>keyup</code> instead of <code>keypress</code></p>

<p>EDIT 2: As in some newer versions of Firefox the form submission is not prevented, it's safer to add the keypress event to the form as well. Also it doesn't work (anymore?) by just binding the event to the form "name" but only to the form id. Therefore I made this more obvious by changing the code example appropriately.</p>

<p>EDIT 3: Changed <code>bind()</code> to <code>on()</code></p>


blocks|key|318344|text|甚至更短：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|318345|$('myform').submit(function()+{
++return+false;
});|code-block|syntax|javascript|318346|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Even shorter:</p>

<pre><code>$('myform').submit(function() {
  return false;
});
</code></pre>


blocks|key|318591|text|$(document).on('keyup+keypress',+'form+input[type="text"]',+function(e)+{
++if(e.which+==+13)+{
++++e.preventDefault();
++++return+false;
++}
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|318592|此解决方案适用于网站上的所有表单(也适用于使用ajax插入的表单)，防止仅在输入文本中输入。把它放在一个文档就绪的函数中，然后永远忘记这个问题。|unstyled|318593|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

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

<p>This solution works on all forms on website (also on forms inserted with ajax), preventing only Enters in input texts. Place it in a document ready function, and forget this problem for a life.</p>


blocks|key|535799|text|上面的大多数答案将阻止用户在文本区域字段中添加新行。如果这是您想要避免的情况，您可以通过检查当前具有焦点的元素来排除此特定情况：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|535800|var+keyCode+=+e.keyCode+%7C%7C+e.which;
if+(keyCode+===+13+&&+!$(document.activeElement).is('textarea'))+{
++e.preventDefault();
++return+false;
}|code-block|syntax|javascript|535801|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Most answers above will prevent users from adding new lines in a textarea field. If this is something you want to avoid, you can exclude this particular case by checking which element currently has focus :</p>

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


blocks|key|535855|text|简单的方法是在html中将按钮类型更改为button+-+in，然后在js中添加事件...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|535856|从以下内容更改：|535857|<form+id="myForm">
+++<button+type="submit">Submit</button>
</form>|code-block|syntax|javascript|535858|至|535859|<form+id="myForm">
+++<button+type="button"+id="btnSubmit">Submit</button>
</form>|535860|在js或jquery中添加：|535861|$("#btnSubmit").click(function+()+{
++++$('#myForm').submit();
});|535862|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<p>The simple way is to change type of button to button - in html and then add event in js...</p>
<p>Change from this:</p>
<pre><code>&lt;form id=&quot;myForm&quot;&gt;
   &lt;button type=&quot;submit&quot;&gt;Submit&lt;/button&gt;
&lt;/form&gt;
</code></pre>
<p>To</p>
<pre><code>&lt;form id=&quot;myForm&quot;&gt;
   &lt;button type=&quot;button&quot; id=&quot;btnSubmit&quot;&gt;Submit&lt;/button&gt;
&lt;/form&gt;
</code></pre>
<p>And in js or jquery add:</p>
<pre><code>$(&quot;#btnSubmit&quot;).click(function () {
    $('#myForm').submit();
});
</code></pre>


blocks|key|535517|text|如果只想在enter和submit按钮上禁用submit，请使用表单onsubmit事件|type|unstyled|depth|inlineStyleRanges|entityRanges|data|535518|<form+onsubmit="return+false;">|code-block|syntax|javascript|535519|您可以将"return+false“替换为对JS函数的调用，该函数将执行所需的任何操作，并将表单作为最后一步提交。|535520|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>if you just want to disable submit on enter and submit button too use form's onsubmit event</p>

<pre><code>&lt;form onsubmit="return false;"&gt;
</code></pre>

<p>You can replace "return false" with call to JS function that will do whatever needed and also submit the form as a last step.</p>


blocks|key|535617|text|我不知道你是否已经解决了这个问题，也不知道现在是否有人试图解决这个问题，但是，这是我的解决方案！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|535618|$j(':input:not(textarea)').keydown(function(event){
++++var+kc+=+event.witch+%7C%7C+event.keyCode;
++++if(kc+==+13){
++++event.preventDefault();
++++++++$j(this).closest('form').attr('data-oldaction',+function(){
++++++++++++return+$(this).attr('action');
++++++++}).attr('action',+'javascript:;');

++++++++alert('some_text_if_you_want');

++++++++$j(this).closest('form').attr('action',+function(){
++++++++++++return+$(this).attr('data-oldaction');
++++++++});
++++++++return+false;
++++}
});|code-block|syntax|javascript|535619|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I don't know if you already resolve this problem, or anyone trying to solve this right now but, here is my solution for this!</p>

<pre><code>$j(':input:not(textarea)').keydown(function(event){
    var kc = event.witch || event.keyCode;
    if(kc == 13){
    event.preventDefault();
        $j(this).closest('form').attr('data-oldaction', function(){
            return $(this).attr('action');
        }).attr('action', 'javascript:;');

        alert('some_text_if_you_want');

        $j(this).closest('form').attr('action', function(){
            return $(this).attr('data-oldaction');
        });
        return false;
    }
});
</code></pre>


blocks|key|535675|text|在firefox中，当你输入并按回车键时，它会提交它的上层表单。解决方案在will+submit表单中添加以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|535676|<input+type="submit"+onclick="return+false;"+style="display:none"+/>|code-block|syntax|javascript|535677|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>In firefox, when you at input and press enter, it will submit it's upper form. The solution is in the will submit form add this:</p>

<pre><code>&lt;input type="submit" onclick="return false;" style="display:none" /&gt;
</code></pre>


blocks|key|535450|text|下面的代码将取消Enter键用于提交表单，但仍然允许您在文本区域中使用Enter键。您可以根据需要对其进行进一步编辑。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|535451|<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")+%7C%7C+(node.type=="radio")+%7C%7C+(node.type=="checkbox"))+)++{return+false;}
++++++++}

++++++++document.onkeypress+=+stopRKey;
</script>+|code-block|syntax|javascript|535452|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>The following code will negate the enter key from being used to submit a form, but will still allow you to use the enter key in a textarea. You can edit it further depending on your needs.</p>

<pre><code>&lt;script type="text/javascript"&gt;
        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) &amp;&amp; ((node.type=="text") || (node.type=="radio") || (node.type=="checkbox")) )  {return false;}
        }

        document.onkeypress = stopRKey;
&lt;/script&gt; 
</code></pre>


blocks|key|535703|text|3年后，没有一个人完全回答了这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|535704|请求者希望取消默认表单提交，并调用自己的Ajax。这是一个简单的请求和一个简单的解决方案。不需要截取输入到每个输入中的每个字符。|535705|假设表单有一个submit按钮，无论是<button+id="save-form">还是<input+id="save-form"+type="submit">，请执行以下操作：|offset|length|style|CODE|535706|$("#save-form").on("click",+function+()+{
++++$.ajax({
++++++++...
++++});
++++return+false;
});|code-block|syntax|javascript|535707|entityMap^0|0|0|J|N|18|10|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|S|8|@$F|T|G|U|H|I]|$F|V|G|W|H|I]]|9|@]|A|$]]|$1|J|3|K|5|L|7|X|8|@]|9|@]|A|$M|N]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|P|$]]

<p>3 years later and not a single person has answered this question completely.</p>

<p>The asker wants to cancel the default form submission and call their own Ajax. This is a simple request with a simple solution. There is no need to intercept every character entered into each input.</p>

<p>Assuming the form has a submit button, whether a <code>&lt;button id="save-form"&gt;</code> or an <code>&lt;input id="save-form" type="submit"&gt;</code>, do:</p>

<pre><code>$("#save-form").on("click", function () {
    $.ajax({
        ...
    });
    return false;
});
</code></pre>


blocks|key|319145|text|$('#FormID').on('keyup+keypress',+function+(e)+{
++++++++var+keyCode+=+e.keyCode+%7C%7C+e.which;
++++++++if+(keyCode+===+13)+{
++++++++++++e.preventDefault();
++++++++++++return+false;
++++++++}
++++});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|319146|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

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


blocks|key|536045|text|我听说不推荐使用which，所以把Best+rated+answer改成这样。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|536046|$('#formid').on('keyup+keypress',+function(e)+{
++if+(e.key+===+'Enter')+{+
++++e.preventDefault();
++++return+false;
++}
});|code-block|syntax|javascript|536047|参考https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/which|536048|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/11235672/9287284|1|https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/which^0|8|5|H|H|0|0|0|2|1W|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|F|3|G|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|13|8|@]|D|@$9|14|A|15|1|16]]|E|$]]|$1|M|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]|U|$5|P|Q|R|E|$S|V]]]]

<p>I heard <code>which</code> is not recommended, so change <a href="https://stackoverflow.com/a/11235672/9287284">Best rated answer</a> to this.</p>

<pre><code>$('#formid').on('keyup keypress', function(e) {
  if (e.key === 'Enter') { 
    e.preventDefault();
    return false;
  }
});
</code></pre>

<p>ref. <a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/which" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/which</a></p>


blocks|key|318865|text|当文件完成时(加载完成)，脚本检测每个事件的“Entry”键，并禁用后面的事件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|318866|<script>
++++++++++++$(document).ready(function+()+{
++++++++++++++++$(window).keydown(function(event){
++++++++++++++++++++if(event.keyCode+==+13)+{
++++++++++++++++++++++++e.preventDefault();+//+Disable+the+"+Entry+"+key
++++++++++++++++++++++++return+false;+++++++++++++++
++++++++++++++++++++}
++++++++++++++++});
++++++++++++});
++++++++</script>|code-block|syntax|javascript|318867|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>When the file is finished (load complete), the script detect each event for " Entry " key and he disable the event behind.</p>

<pre><code>&lt;script&gt;
            $(document).ready(function () {
                $(window).keydown(function(event){
                    if(event.keyCode == 13) {
                        e.preventDefault(); // Disable the " Entry " key
                        return false;               
                    }
                });
            });
        &lt;/script&gt;
</code></pre>


blocks|key|535766|text|适用于所有浏览器的JavaScript完整解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|535767|上面的代码和大多数解决方案都是完美的。然而，我认为最喜欢的一个“简短的回答”是不完整的。|535768|所以这就是完整的答案。在JavaScript中，也支持IE7。|535769|var+form+=+document.getElementById("testForm");
form.addEventListener("submit",function(e){e.preventDefault();+return+false;});|code-block|syntax|javascript|535770|此解决方案现在将阻止用户使用Enter键提交，并且不会重新加载页面，也不会将您带到页面顶部(如果您的表单位于下面的某个位置)。|535771|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|R|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<h1>Complete Solution in JavaScript for all browsers</h1>
<p>The code above and most of the solutions are perfect.
However, I think the most liked one &quot;short answer&quot; which is incomplete.</p>
<p>So here's the entire answer. in JavaScript with native Support for IE 7 as well.</p>
<pre><code>var form = document.getElementById(&quot;testForm&quot;);
form.addEventListener(&quot;submit&quot;,function(e){e.preventDefault(); return false;});
</code></pre>
<p>This solution will now prevent the user from submit using the enter Key and will not reload the page, or take you to the top of the page, if your form is somewhere below.</p>


blocks|key|318403|text|这样如何：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|318404|$(":submit").closest("form").submit(function(){
++++$(':submit').attr('disabled',+'disabled');
});|code-block|syntax|javascript|318405|这应该会禁用应用程序中所有带有提交按钮的表单。|318406|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>How about this:</p>

<pre><code>$(":submit").closest("form").submit(function(){
    $(':submit').attr('disabled', 'disabled');
});
</code></pre>

<p>This should disable all forms with submit buttons in your app.</p>


<p>I have the following javascript in my page which does not seem to be working.</p>

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

<p>I'd like to disable submitting the form on enter, or better yet, to call my ajax form submit.  Either solution is acceptable but the code I'm including above does not prevent the form from submitting.</p>


jquery disable form submit on enter

我的页面中有以下javascript，它似乎不起作用。$('form').bind("keypress", function(e) {  if (e.keyCode == 13) {                   e.preventDefault();    return false;  }});我希望禁止在enter时提交表单，或者更好的做法是，将我的ajax表单称为submit。这两种解

问jquery禁止在回车时提交表单
EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery禁止在回车时提交表单EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery禁止在回车时提交表单
EN