blocks|key|399921|text|<button>实际上是提交按钮，它们没有其他的主要功能。你必须将类型设置为按钮。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|399922|但是，如果您像下面这样绑定事件处理程序，那么您将针对所有按钮，而不必手动为每个按钮执行此操作！|399923|$('form+button').on("click",function(e){
++++e.preventDefault();
});|code-block|syntax|javascript|399924|entityMap^0|0|8|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|S|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

<p><code>&lt;button&gt;</code>'s are in fact submit buttons, they have no other main functionality. You will have to set the type to button.<br>
But if you bind your event handler like below, you target all buttons and do not have to do it manually for each button!</p>

<pre><code>$('form button').on("click",function(e){
    e.preventDefault();
});
</code></pre>


blocks|key|399989|text|如果要以属性的形式直接添加到输入，请使用以下命令|type|unstyled|depth|inlineStyleRanges|entityRanges|data|399990|+onclick="return+false;"+

<input+id+=+"btnPlay"+type="button"+onclick="return+false;"+value="play"+/>+|code-block|syntax|javascript|399991|这将阻止表单提交行为|399992|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 want to add directly  to  input    as attribute, use this </p>

<pre><code> onclick="return false;" 

&lt;input id = "btnPlay" type="button" onclick="return false;" value="play" /&gt; 
</code></pre>

<p>this will prevent form submit behaviour </p>


blocks|key|615487|text|另一个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|615488|if(this.checkValidity()+==+false)+{

++++++++++++++++$(this).addClass('was-validated');
++++++++++++++++e.preventDefault();
++++++++++++++++e.stopPropagation();
++++++++++++++++e.stopImmediatePropagation();

++++++++++++++++return+false;
}|code-block|syntax|javascript|615489|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>another one:</p>

<pre><code>if(this.checkValidity() == false) {

                $(this).addClass('was-validated');
                e.preventDefault();
                e.stopPropagation();
                e.stopImmediatePropagation();

                return false;
}
</code></pre>


blocks|key|400085|text|就像mas-designs说的，打电话给preventDefault()。您可以在表单本身上调用它。这里有一个对所有表单执行此操作的函数，vanilla+JS。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|400086|function+forms_ini(){
++for(var+form+of+document.getElementsByTagName('form')){
++++form.addEventListener('submit',+function(ev){
++++++ev.preventDefault()
++++})
++}
}|code-block|syntax|javascript|400087|entityMap^0|2|B|K|G|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

<p>Like <code>mas-designs</code> said, call <code>preventDefault()</code>. You can call it on the form itself. Here's a function that does this for all forms, vanilla JS.</p>
<pre><code>function forms_ini(){
  for(var form of document.getElementsByTagName('form')){
    form.addEventListener('submit', function(ev){
      ev.preventDefault()
    })
  }
}
</code></pre>


<p>I have a HTML form where I use several buttons. The problem is that no matter which button I  click, the form will get submitted even if the button is not of type "submit". e.g. Buttons like :<code>&lt;button&gt;Click to do something&lt;/button&gt;</code>, result in form submission.</p>

<p>It's quite painful to do an <code>e.preventDefault()</code> for each one of these buttons.</p>

<p>I use jQuery and jQuery UI and the website is in HTML5.</p>

<p>Is there a way to disable this automatic behavior?</p>


Disable form auto submit on button click

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个HTML表单，其中我使用了几个按钮。问题是，无论我单击哪个按钮，即使该按钮不是"submit“类型，表单也会被提交。例如，像:<button>Click to do something</button>这样的按钮，会导致表单提交。为这些按钮中的每一个执行e.preventDefault()是相当痛苦的。我使用j...

问禁用单击按钮时表单自动提交
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问禁用单击按钮时表单自动提交EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问禁用单击按钮时表单自动提交
EN