如何将data-disable-with上的html设置为rails submit_tag

Question

我有一个使用bootstrap的RoR应用程序.我正在尝试将fontawesome html图标标记应用于submit_tag帮助程序,但似乎不支持它.当我单击提交时,禁用内容只显示为字符串而不是解释为html,尽管它适用于link_to帮助程序.

这是erb:

    <%= form_tag("/home/search", method: "get", class: "form-inline", role: "search", remote: true) do %>
    <div class="form-group">
        <%= text_field_tag(:term, nil, {:class => "form-control", "data-html" => true, :value => @term}) %>
    </div>
    <%= submit_tag "Go!", class: "btn btn-transparent", role: "button", 'data-disable-with' => "<i class='fa fa-spinner fa-spin'></i> Searching...".html_safe %>    
 <% end %>

这就是我点击提交时的样子:

它适用于link_to,但是我无法将text_field_tag中的值传递给link_to,否则,我会对该解决方案感到满意.我真的宁愿避免自己编写.ajax方法并使用javascript来操作按钮值.有关如何使用标准FormHelper标签解决此问题的任何建议？提前谢谢了.

Answer 1

您应该尝试将submit_tag更改为button_tag,如下所示:

<%= button_tag "Go!", class: "btn btn-transparent", 'data-disable-with' => "<i class='fa fa-spinner fa-spin'></i> Searching...".html_safe %>    

Answer 2

如果使用simple_form：

<%= f.button :button, 
             'Save', 
             class: 'my-class', 
             data: { 
               disable_with: '<i class="fa fa-spinner fa-spin"></i>'
             } %>