防止使用angular.js提交多个表单-禁用表单按钮
我想防止使用angular.js提交多个表单。
当用户单击表单提交按钮时，提交按钮的值/标签应更改为“正在加载..”，按钮的状态将设置为“已禁用”，并且应以正常方式触发提交事件，从而导致向服务器提交呼叫。这样，用户将看到以下效果：
-
立即：提交按钮的值更改为“正在加载..”并被禁用
-
服务器响应后：向用户显示服务器请求的结果（而服务器响应的处理无需任何干预）
我制作了这个小玩意来表达我的意思。我的问题与此行有关：elm.attr('disabled',true);。这不仅会禁用按钮，而且还会阻止传播Submit事件。因此，我得到了一个禁用的按钮（期望的结果），但是表单没有被提交（期望的结果）。
如果您对此行发表评论/取消评论，则可以看到行为的变化： elm.attr('disabled',true);
知道如何更改吗？
问题答案：
尝试$ timeout（angularjs函数）
$timeout(function(){
elm.attr('disabled',true);
}, 0)
-
问题内容： 我有以下代码，基本上它正在执行两个操作。第一个是将我的表单数据提交到google电子表格，另一个操作是将我的第二个表单文本框值数据提交到另一个页面文本框值。这个怎么做？ 从上面可以看到，这是第一页，第二页是第二种形式的Sankranthi_Reserv2.asp。我想在那儿传递文本框值，所以问题是第一种形式是提交给Google文档并存储数据，但是第二种形式需要将手机号码文本框值传递给下
-
问题内容： 单击后，我编写了以下代码以禁用网站上的提交按钮： 不幸的是，它没有发送表格。我怎样才能解决这个问题？ 编辑 我想绑定提交，而不是表格:) 问题答案： 做到： 发生的事情是您实际上在完全触发该提交事件之前禁用了该按钮。 您可能还应该考虑使用ID或CLASS来命名元素，因此不要在页面上选择所有提交类型的输入。 （请注意，我使用，因此该表单在示例中并未实际提交；请在使用时将其保留。）
-
问题内容： 在下一页中，使用Firefox的“删除”按钮提交表单，但“添加”按钮不提交。如何防止“删除”按钮提交表单？ 问题答案： 你正在使用HTML5按钮元素。请记住，原因是此按钮具有默认的提交行为，如W3规范所述，如此处所示： W3C HTML5按钮 因此，你需要明确指定其类型： 为了覆盖默认的提交类型。我只想指出发生这种情况的原因=）
-
问题内容： 我一直在尝试React。在我的实验中，我正在使用Reactstrap框架。当我单击按钮时，我注意到HTML表单已提交。有没有一种方法可以防止单击按钮时提交表单？ 我在这里重新创建了我的问题。我的表单很基本，看起来像这样： 我想念什么？ 问题答案： 我认为首先要注意的是，如果没有javascript（纯HTML），则在单击或时会提交元素。在javascript中，您可以通过使用事件处理程
-
我正在做一个Django项目，其中一个表单不会提交。我发现罪魁祸首是一些JavaScript，它格式化了货币输入（当我移除JS或移除输入时，它提交） 这是我的简化表单--JS来自html5货币/货币输入
-
问题内容： 我有一个HTML表单，其中使用了几个按钮。问题是，无论我单击哪个按钮，即使该按钮的类型不是“ submit”，也将提交表单。例如：之类的按钮，导致表单提交。 为这些按钮中的每个按钮执行一次操作是非常痛苦的。 我使用jQuery和jQuery UI，并且网站使用HTML5。 有没有办法禁用这种自动行为？ 问题答案： 像按钮 是 提交按钮。 设置以改变它。是默认值（由HTML建议指定）。