ruby-on-rails - Rails Ajax 表单禁用提交按钮

Question

我在弄清楚如何在提交表单时禁用 Rails 中的提交按钮时遇到了一些麻烦。它可以在禁用 javascript 和“remote_form_for#submit”函数中的“:disable_with”符号的情况下正常工作，但在通过 ajax 提交时无法弄清楚。有什么想法吗？使用 Rails 2.3.5 和 ruby​​ 1.8.7。

Answer 1

您可以在发出请求时隐藏提交按钮，并在请求运行时显示加载图像。例如在 form_remote_tag 中:

<% form_remote_tag :url => "/some_url", 
:loading => "$('submit_span').toggle(); $('loading_span').toggle();", 
:complete => "$('submit_span').toggle(); $('loading_span').toggle();" do %>

-- FORM CONTENTS --

  <span id="submit_span">
    <%= submit_tag "Submit" %>
  </span>
  <span id = "loading_span" style = "display: none;">
    <%= image_tag("loading.gif")%>
  </span>
<% end %>

当请求完成(成功或失败)时，您取消隐藏提交并隐藏加载范围。

有关各种回调的更多文档:

http://api.rubyonrails.org/classes/ActionView/Helpers/PrototypeHelper.html#M002174