当前位置: 首页 > 面试题库 >

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

邢博涛
2023-03-14
问题内容

我有一个HTML表单,其中使用了几个按钮。问题是,无论我单击哪个按钮,即使该按钮的类型不是“
submit”,也将提交表单。例如:之类的按钮<button>Click to do something</button>,导致表单提交。

e.preventDefault()为这些按钮中的每个按钮执行一次操作是非常痛苦的。

我使用jQuery和jQuery UI,并且网站使用HTML5。

有没有办法禁用这种自动行为?


问题答案:

像按钮<button>Click to do something</button> 提交按钮。

设置type="button"以改变它。type="submit"是默认值(由HTML建议指定)。



 类似资料:
  • 我正试图让JQuery在按下下一个按钮时自动单击该按钮。在互联网上,我发现应该是这样的(查看JQuery部分)。但由于某种原因,它不起作用。 它们必须在同一个代码中吗? 我尝试过的:JQuery: 表单中的按钮1 HTML: 表单中的按钮2 HTML:

  • 编辑:底部的解决方案 这是一个跳棋游戏。单击一个按钮后,它等待单击第二个按钮与之交换。然而,有时你可能不想移动那个按钮,但一旦你点击了它,就没有回头路了,因为我无法禁用它。 在这里的其他帖子中,我看到人们使用 这只是使它在第一次单击后不可见。 这什么都干不了。 这也没什么用。编辑:所有这些方法都用true和false进行了尝试。 私有无效交换(){ 但你也需要 这样它就重新启用了它,或者其他什么,

  • 问题内容: 单击后,我编写了以下代码以禁用网站上的提交按钮: 不幸的是,它没有发送表格。我怎样才能解决这个问题? 编辑 我想绑定提交,而不是表格:) 问题答案: 做到: 发生的事情是您实际上在完全触发该提交事件之前禁用了该按钮。 您可能还应该考虑使用ID或CLASS来命名元素,因此不要在页面上选择所有提交类型的输入。 (请注意,我使用,因此该表单在示例中并未实际提交;请在使用时将其保留。)

  • 问题内容: 我有这样的表格: 如您所见,如果输入为空,则该按钮将被禁用,但是当包含文本时,该按钮不会变回启用状态。我该如何运作? 问题答案: 您需要使用表单名称以及ng-disabled:这是Plunker上的演示

  • 问题内容: 我想防止使用angular.js提交多个表单。 当用户单击表单提交按钮时,提交按钮的值/标签应更改为“正在加载..”,按钮的状态将设置为“已禁用”,并且应以正常方式触发提交事件,从而导致向服务器提交呼叫。这样,用户将看到以下效果: 立即:提交按钮的值更改为“正在加载..”并被禁用 服务器响应后:向用户显示服务器请求的结果(而服务器响应的处理无需任何干预) 我制作了这个小玩意来表达我的意

  • 我用Webview创建了一个应用程序,需要自动按下按钮 返回null。 任何帮助都将不胜感激!