AJAX表单(使用simple_form)保留错误验证

Question

这可能是我提出的更难的问题之一,但我已经被困了几天,我认为最好是从更有经验的rails社区获得支持.

我正在开发一个虚拟应用程序,大致遵循本指南... ajax/jquery教程 ...

制作我自己的自定义,指南帮助我创建了一个"品牌"(包括嵌套模型"模型","子模型"和"风格")提交表单(使用simple_form)和品牌列表在同一页面上..这完美地工作,并且强制执行验证(对于我的模型).但是,当我将表单和品牌列表放在同一页面上时,我会丢失在提交失败时出现的整洁的内联验证错误(请参见下图).无法让内联错误发挥作用让我意识到我还有更多关于渲染的知识..这就是为什么我注重找到这个问题的答案

......这是列表:

下面是索引操作的控制器:

  def index

    #This is for the product listing

    @brands = Brand.all.reverse 

    #This is for the form   

    @brand = Brand.new
    @model = Model.new
    @submodel = Submodel.new
    @style = Style.new

    respond_to do |format|
      format.html
    end
  end

上面的表单创建了在嵌套提交表单中使用的品牌,型号,子模型和样式......以下是表单的代码:

<%= simple_form_for @brand, :html => { :class => 'form-horizontal' }, :remote => true do |m| %>

  <fieldset style = "margin-top:34px;">
    <legend></legend>
    <%= m.input :name, :label => 'Brand' %>         
    <%= m.simple_fields_for :models, @model do |p| %>    
      <%= p.input :name, :label => 'Model' %>
      <%= p.simple_fields_for :submodels, @submodel do |s| %>
        <%= s.input :name, :label => 'Submodel' %>
        <%= s.simple_fields_for :styles, @style do |ss| %>
          <%= ss.input :name, :label => 'Style' %>
        <% end %>
      <% end %>
    <% end %>

    <div class="form-actions">
      <%= m.submit nil, :class => 'btn btn-primary' %>
      <%= link_to 'Cancel', brands_path, :class => 'btn' %>
    </div>
  </fieldset>
<% end %>

现在你可以看到我正在使用:remote => true...我希望表单能够创建新的"品牌",或者表单重新加载内联验证错误.目前我的创建动作如下:

def create
    @brand = Brand.new(params[:brand])

    respond_to do |format|
      if @brand.save
        format.html { redirect_to brands_url, notice: 'Brand was successfully created.' }
        format.json { render json: @brand, status: :created, location: @brand }
        format.js
      else
        format.html { render action: "index" }
        format.json { render json: @brand.errors, status: :unprocessable_entity }
        format.js { render 'reload' }
      end
    end
  end

出现在if @brand.save下面的代码似乎有用..但是"else"下面的代码不能按照我喜欢的方式工作.那么当@brand不保存时会发生什么？我相信索引操作中的代码正在运行,然后@brand.errors转换为json(我假设是为simple_form验证错误),然后运行reload.js.erb ..

在尝试重新加载表单(带有验证错误)时,我已将该行$("#entryform").load(location.href+" #entryform>*","");放入reload.js.erb ...当我将无效数据放入我的表单时,正在调用reload.js.erb,但所有发生的事情都是表单字段重新加载空白,而不是输入数据和内联验证错误.

我希望我已经提供了足够的信息来获得帮助..真的在这个问题上挣扎.谢谢!

Answer 1

我认为你可以通过将表单放在一个部分(我们称之为simple_form),并将此代码放在reload.js.erb中来简化这个:

$("#entryform").html("<%= escape_javascript(render :partial => 'simple_form') %>");

我不熟悉jQuery的load方法,但我认为它会做第二个请求.具有渲染错误的键是@brand您正在使用的实例变量(),而渲染表单必须与您尝试在创建中保存的表单相同,因此您可以检查其上的错误.这就是您总是使用render而不是redirect_to想要渲染错误的原因.如果进行重定向,则会启动新请求,即@brand重新初始化.我假设你$(...).load(...)有同样的问题.