如何在 Rails 中远程提交表单的相关部分而不提交整个表单？

Question

我有一个简单的 Rails 表单，允许编辑其关联的父表单。我想允许用户使用 :remote => 提交表单的这一部分true 以便用户可以添加新的父级，然后在表单中其他位置的更新选择菜单中选择父级。正如您在代码中看到的，我在表单的父级部分添加了一个提交按钮，它甚至知道是说“创建”还是“更新”，但是当我提交它时，整个页面都会刷新，整个页面都会刷新。提交表单进行验证等。我怎样才能在 Rails 中完成我想要的事情？

这是有问题的代码：

<%= form_for @sermon, :html => { :multipart => true } do |f| %>
  <div class="field">
    <%= f.label :title %><br />
    <%= f.text_field :title %>
  </div>
  <div class="field">
    <%= f.label :date %><br />
    <%= f.text_field :date %>
  </div>
  <div class="field">
    <%= f.label "Speaker" %><br />
    <%= f.select :speaker_id, Speaker.all.collect {|p| [ p.name, p.id ] }, {:include_blank => true} %>
  </div>
    <% @sermon.build_speaker unless @sermon.speaker %>
        <%= f.fields_for :speaker, :remote => true, :html => {:data_type => 'html', :id => 'create_speaker_form'} do |g| %>
            <%= g.label :name, "Or, add a new speaker:" %><br />
            <%= g.text_field :name %>
            <%= g.submit %>
        <% end %>
    </div>
  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>

Answer 1

可能您的问题已在这里得到解答 如何您是否在不刷新页面的情况下提交 Rails 3 表单？

如果这没有帮助，您可以尝试使用 preventDefault() 将其附加到您的提交按钮。