Rails 3：表单提交两次

Question

我正在开发一个Rails应用程序，其中包含使用formtastic生成的表单。 我在本地开发和测试 - 就是在localhost：3000 w / Ruby-1.9.2，Rails-3.0.1，jQuery和AJAX。

下面是我看到的问题的示例屏幕输出。 我的表单在1秒内相互提交两次。 我不明白为什么会这样。 我看到这个问题与所有请求 - 包括GET。

1. 在2011-01-07 02:31:47开始POST“/ commerce / 6 / edit_balance”for 127.0.0.1 +0530由BusinessesController处理#edit_balance作为JS参数：{“utf8”=>“✓”，“authenticity_token”= > “zcWH08sV8kPbAYy7JQX64Cu2e1i / kEB1AB4x5a08CO8 =”

2. 在2011-01-07 02:31:48开始POST“/ commerce / 6 / edit_balance”for 127.0.0.1 +0530由BusinessesController处理＃edit_balance作为JS参数：{“utf8”=>“✓”，“authenticity_token”= > “zcWH08sV8kPbAYy7JQX64Cu2e1i / kEB1AB4x5a08CO8 =”

所以我想知道我是否犯了一个基本的编程错误。 如果是的话，那么请您提出一些我可以尝试的解决方案。

Answer 1

我在部署到Heroku之后就遇到了同样的问题......我预先编译了我的资产，突然间我得到了双重AJAX提交。 我想我不知何故最终在公共/资产中出现了重复的javascript文件。

为了解决这个问题，我刚刚删除了我的整个公共/资产目录。

Answer 2

如果您使用Javascript提交表单，请尝试在提交表单时将提交按钮设置为禁用。 使用jQuery，它将是这样的（未经测试）：

$('form').submit(function(){
  $(this).find(input[type='submit']).attr("disabled", "true");
  ... // submit form via AJAX
  return false;
});

Answer 3

谢谢PolarBlau ..让我试试你的建议..

Apnediving：下面是1.创建表单的代码位（形式部分）2。定义包含表单的对话框（对话框部分）和3.将动作附加到表单的JS。

表格部分（credits_form）

- f.inputs :name => 'Edit Credits' do 
  = f.input :numeric_input_1, :label => 'Amount', :as => :select, :collection => [1000,2000,3000] 
  = f.input :boolean_input_1, :label => 'Add Credits'
  = f.commit_button :label => 'Submit' 

对话部分

＃编辑学分，对话

- @user_input = UserInput.new

 = semantic_form_for @user_input, :remote => true do |f|     
 = render :partial => 'businesses/credit_form', :locals => {:f => f}

JS代码

$.getJSON('/businesses/' + id + '/load_credits', function(data) { 
    var form = $('#edit-credits-dialog form') ; 

    form.attr('action', '/businesses/' + id + '/edit_balance') ; <-- seems to be happening twice
    $('#edit-credits-dialog').dialog('open') ; <--- happens once 
}) ;