相关疑难解决方法(0)

使用angular.js阻止多个表单提交 - 禁用表单按钮

我想使用angular.js阻止多个表单提交.这个问题与这个问题有关.

当用户点击表单提交按钮时,提交按钮的值/标签应更改为"正在加载...",按钮的状态将设置为禁用,并且应以正常方式触发提交事件,从而导致提交对服务器的调用.这样用户会看到以下效果:

  1. 立即:提交按钮值更改为"正在加载..."并被禁用

  2. 一旦服务器响应:用户获得服务器请求的结果(而服务器响应在没有角度干预的情况下处理)

我创建了这个插件以显示我的意思.我的问题与这一行有关:elm.attr('disabled',true);.这不仅会禁用该按钮,还会阻止传播提交事件.因此,我得到一个禁用按钮(所需的结果),但表单没有被提交(不希望的结果).

如果您评论/取消注释此行,您可以看到更改的行为: elm.attr('disabled',true);

知道怎么改变这个吗?

javascript form-submit angularjs angularjs-directive

13
推荐指数
4
解决办法
2万
查看次数