呈现创建操作后禁用提交按钮 rails

Question

我正在使用 Rails 构建求职应用程序。在我的作业 'new' 页。我有一个预览功能，用户可以单击 'preview button' 来查看 posted 时作业的外观。预览页面在另一个选项卡中打开。然后，用户应该 return 返回作业 'new' 页面，post 作业或进行编辑。

主要问题是，在我单击预览按钮并打开新选项卡后，工作 'new' 页面上的 'preview' 和 'post job' 按钮都被禁用并且我无法单击 'post' 将作业保存到数据库。这是我的控制器'create method'

  def create
    @job = Job.new(job_params)
      if params[:previewButt] == "Preview"
        flash[:alert] = "This is a PREVIEW of your job posting. Go back to the previous tab to Post the job or make edits."
        render :create
      elsif
        params[:createButt] == "Post Job"
        @job.save
        redirect_to root_path
      else
        render :new
      end
  end

在我的工作 'new' 页面中，这是我的两个按钮，

 <div class="col-md-9 text-center" style="margin-top: 110px;">
   <%= f.button :submit , name: "previewButt", value: "Preview", 
 formtarget:"_blank" %>
   <%= f.button :submit , name: "createButt", value: "Post Job", class: 
 "btn btn-success post-btn" %>
 </div>

我需要确保，即使在用户点击预览按钮后，这两个按钮仍能正常工作。

Answer 1

您可以将此添加到提交按钮：

data: { disable_with: false }

或设置全局配置：

config.action_view.automatically_disable_submit_tag = false

呈现创建操作后禁用提交按钮 rails

Submit button disabled after rendering create action rails

ruby

ruby-on-rails

ruby-on-rails-3

simple-form

ruby-on-rails-4