多页面嵌入Offer表单时，验证失败如何渲染动作并显示错误信息

Great question! The challenge here is that when your form lives on multiple pages, you can't just render :new like you would for a single-page form—you need a way to preserve validation errors and user input when redirecting back to whatever page the user was on. Here are two solid approaches to solve this:

Approach 1: Store Errors & Form Data in Flash #

Since you're using redirect_back (which triggers a new request), you can save the invalid form data and validation errors to the flash hash. This lets you repopulate the form and display errors on the original page after the redirect.

First, update your controller to capture errors and params when saving fails:

class OffersController < ApplicationController
  def create
    @offer = Offer.new(offer_params)
    if @offer.save
      redirect_to confirmation_offer_path, notice: 'Offer submitted successfully!'
    else
      # Save form data and errors to flash (persists across redirect)
      flash[:offer] = {
        params: offer_params.to_h,
        errors: @offer.errors.full_messages
      }
      redirect_back(fallback_location: root_path, alert: 'Please fix the errors below.')
    end
  end

  private

  # Fix: Add require(:offer) to ensure params are nested correctly (matches form helpers)
  def offer_params
    params.require(:offer).permit(:company, :first_name, :last_name, :email, :phone, :subject, :message)
  end
end

Then, update your form partial to use the flash data to repopulate fields and show errors:

<% # Initialize @offer with flash data (if available) or a new instance %>
<% @offer ||= Offer.new(flash.dig(:offer, :params) || {}) %>

<%= form_with(model: @offer, url: offers_path) do |form| %>
  <% # Display validation errors if present %>
  <% if flash.dig(:offer, :errors).present? %>
    <div class="alert alert-danger">
      <ul>
        <% flash[:offer][:errors].each do |error| %>
          <li><%= error %></li>
        <% end %>
      </ul>
    </div>
  <% end %>

  <!-- Your form fields (they'll auto-populate with flash params) -->
  <div class="form-group">
    <%= form.label :company %>
    <%= form.text_field :company, class: "form-control" %>
  </div>

  <div class="form-group">
    <%= form.label :first_name %>
    <%= form.text_field :first_name, class: "form-control" %>
  </div>

  <!-- Add remaining fields here -->

  <div class="form-group">
    <%= form.submit "Submit Offer", class: "btn btn-primary" %>
  </div>
<% end %>

Approach 2: Use Turbo Streams (Rails 7+) #

If your app uses Turbo (the default in Rails 7), you can avoid redirects entirely and update the form in-place with errors. This gives a smoother, no-refresh user experience.

First, wrap your form partial in a container with a unique ID:

<div id="offer-form">
  <% @offer ||= Offer.new %>

  <%= form_with(model: @offer, url: offers_path) do |form| %>
    <% # Show errors directly from @offer (no flash needed) %>
    <% if @offer.errors.any? %>
      <div class="alert alert-danger">
        <ul>
          <% @offer.errors.full_messages.each do |error| %>
            <li><%= error %></li>
          <% end %>
        </ul>
      </div>
    <% end %>

    <!-- Your form fields -->
  <% end %>
</div>

Then update your controller to respond with a Turbo Stream when validation fails:

class OffersController < ApplicationController
  def create
    @offer = Offer.new(offer_params)
    if @offer.save
      redirect_to confirmation_offer_path, notice: 'Offer submitted successfully!'
    else
      respond_to do |format|
        # Replace the form container with the error-rendered partial
        format.turbo_stream do
          render turbo_stream: turbo_stream.replace(
            'offer-form',
            partial: 'offers/form',
            locals: { offer: @offer }
          )
        end
        # Fallback for non-Turbo clients (use the flash approach)
        format.html do
          flash[:offer] = { params: offer_params.to_h, errors: @offer.errors.full_messages }
          redirect_back(fallback_location: root_path, alert: 'Please fix the errors below.')
        end
      end
    end
  end

  private

  def offer_params
    params.require(:offer).permit(:company, :first_name, :last_name, :email, :phone, :subject, :message)
  end
end

Key Notes #

• The require(:offer) in offer_params is crucial—Rails form helpers nest params under the model name by default, so you need this to access the form data correctly.
• Flash approach works for all Rails versions, while Turbo Streams gives a more modern, seamless experience for Rails 7+ apps.

内容的提问来源于stack exchange，提问作者Alex Zakruzhetskyi