激活-停用表单中的提交按钮

Question

我使用backbone.js、CoffeeScript和jquery制作了一个注册表。
我试图在单击 1 次后禁用提交按钮（这样它就不会一次又一次地触发事件），我也希望当我填写表单字段时该按钮再次处于活动状态。感谢您的时间。

Answer 1

在运行事件的代码中（希望在视图的事件委托例程中），您所要做的就是告诉 JQuery 禁用该按钮

$("#btnSubmit").attr("disabled", true);

然后当您需要重新启用它时

$("#btnSubmit").removeAttr("disabled");

只需在需要时拨打适当的电话即可。

Answer 2

似乎没有启用/禁用属性。也许您可以使用“静默”选项来阻止“更改”事件触发？

或者只是创建一个验证例程并从事件中调用它，即

（伪代码）

按钮事件触发
如果 IsValid() 那么
'做一点事
别的
'做点别的事
万一

func IsValid() 作为布尔值
' 检查表单是否已准备好提交，即必填字段是否有效

Answer 3

$("#my_button")：这使用 jQuery 选择器来定位 ID 为“my_button”的元素。您应该将“my_button”替换为按钮的实际 ID。

.attr("disabled", false)：这会将所选元素的“disabled”属性设置为 false，这意味着该按钮已启用。 attr 函数允许您获取或设置 HTML 元素的属性。

.removeClass('disabled')：这会从按钮中删除“disabled”类。这通常用于在按钮从禁用转换为启用时更改按钮的视觉外观。

Answer 4

非常感谢@Bryan 和@max ..
我已经这样做了：

enable_button: ->  
  $("#my_button").attr("disabled", false).removeClass('disabled')   

我还更改了启用/禁用按钮的颜色。