使用外部提交按钮提交 Rails Remote_form

Question

我正在尝试使用表单标签之外的提交触发器来提交 Rails 表单。所以我有我的表单：

<% remote_form_for Package.new, 
:url => { :action => :rate_shop, :ids_sales_order_id => params[:ids_sales_order_id],
:id => @shipment.id }, :loading => '$("#loading").overlay({api: true}).load(); ' + visual_effect(:appear, 'priceShopInProgress'), 
:complete => visual_effect(:fade, 'priceShopInProgress', :duration => 2), 
:update => 'itemSelection' do |f| %>

我有我的 jQuery：

$('#priceSelectSubmit').click(function() {
  $('#new_item').submit();
});

和我的触发器：

<%= submit_tag :Submit, :value => 'Select item', :id => 'priceSelectSubmit', :name => 'priceSelectSubmit' %>

事情就是这样。提交按钮正确提交表单（并加载包含所有正确数据的新页面），但不会像按钮位于表单标签内那样触发表单（特别是 :loading 内容非常重要）。我需要 AJAX 响应和要加载的覆盖层等。

我的限制：

• 必须使用 jQuery 和 Rails
• 提交按钮不能在表单内
• 我不是这方面的主要程序员（他不在 atm 上）所以我不知道如果这只是我的 jquery 的一个简单调整以使表单正确触发，或者如果它需要将“action”内容从表单标记移出并放入 jquery 函数中。有什么想法吗？非常感谢！

Answer 1

好吧，我通过反复谷歌搜索找到了答案。感谢塔德曼让我走上了正确的道路！

$('form').trigger('onsubmit')

这就是 jQuery 让您提交表单的方式，就像用户单击“提交”一样。

Answer 2

您可以尝试使用 onsubmit() 调用：

$('#priceSelectSubmit').click(function() {
  $('#new_item')[0].onsubmit();
});

当您通过用户操作“提交”表单时，会调用 onsubmit 函数，但当您直接调用表单上的提交方法时，通常会绕过 onsubmit 函数。

如果查看实际生成的 HTML，您可以看到 onsubmit="..." 块内进行的 Ajax 调用。

编辑：修改为取消引用 jQuery 代理对象。