Rails 4:单击后禁用提交按钮

Question

我有一个form_tag(foo_path(@foo), remote: true, id: 'foo-form'表单和一个提交按钮submit_tag ("Submit", :id => "foo-submit")

我想在点击后禁用提交按钮.显然,我不能使用像是onlick="jQuery(this).prop('disabled', true);"因为它会破坏远程功能.我知道:disable_withsubmit_tag 的data属性,但它似乎对我不起作用.它确实生成了正确的表单代码,但它没有任何效果.我不确定它为什么不起作用,但可能是因为我同时使用原型(遗留原因)和jquery.虽然,我只加载ujsjquery而不是原型.但是,所有其他query_ujs功能都可以很好地工作.

还有其他方法可以禁用提交按钮吗？

Answer 1

使用

submit_tag "Submit", id: "foo-submit", data: { disable_with: "Please wait..." }

Answer 2

另一种选择submit_tag是button_tag.将button_tag允许您添加字体真棒微调.

<%= button_tag 'Submit', class: 'btn btn-primary', 
      data: { disable_with: "<i class='fa fa-refresh fa-spin'>
      </i> Submitting Changes..."} %>

Answer 3

该问题是由无效的 HTML 代码引起的。请参阅<div> 中断 <form> disable_with现在可以使用