Rails 错误消息未出现在网站上但显示在 Chrome DevTools 网络预览中

Question

我试图在我的 Rails 应用程序中创建模型的新实例时显示错误消息，但字段未通过验证。出于某种原因，这些错误实际上从未像它们应该的那样显示在字段旁边的网站上。 但是，错误出现在 Chrome DevTools 的“网络”选项卡的 'Preview' 部分。 因此错误正在正确生成。在终端中，它说 new.html.erb 已呈现，但我认为它实际上没有呈现？任何帮助将不胜感激 - 我在网上没有找到太多关于这个的信息。如果有帮助，我正在使用 Tailwind CSS 来设计前端样式。

这是我的代码：

occasion.rb

class Occasion < ApplicationRecord
    belongs_to :user
    has_many :registries
    has_many :charities, :through => :registries
    
    validates :occasion_name, presence: true
    validates :occasion_date, presence: true
    validates :url, presence: true, format: { without: /\s/ }, uniqueness: true
    validates_uniqueness_of :user_id

end

occasions_controller.rb

class OccasionsController < ApplicationController
  load_and_authorize_resource only: [:new, :create, :edit, :update, :destroy]

  def index
    @occasions = Occasion.all
  end
  
  def show
    @occasion = Occasion.where(url: params[:url]).first
  end
  
  def new
    @occasion = Occasion.new
  end

  def create
    @occasion = Occasion.new(occasion_params)
    @occasion.user = current_user

    if @occasion.save
      respond_to do |format|
        format.html { redirect_to new_registry_path }
        format.js   { render :js => "window.location='#{ new_registry_path }'" }
      end
    else
      render :new
    end
  end

  def edit
    @occasion = Occasion.find(params[:id])
  end

  def update
    @occasion = Occasion.find(params[:id])

    if @occasion.update(occasion_params)
      redirect_to @occasion
      return
    else
      render :edit
    end
  end

  def destroy
    @occasion = Occasion.find(params[:id])
    @occasion.destroy

    redirect_to occasions_path
  end

  private
    def occasion_params
      params.require(:occasion).permit(:user_id, :occasion_name, :occasion_date, :url)
    end
    
  # user authentication is not required for show
  skip_before_action :authenticate_user!, :only => [:show]


end

new.html.erb

<%= form_with model: @occasion do |form| %>

    <div class="text-center">
        <%= form.label :occasion_name, "Occasion Name", class: "text-red-400 font-semibold px-8" %><br>
        <%= form.text_field :occasion_name, class: "rounded w-2/5" %>
        <% @occasion.errors.full_messages_for(:occasion_name).each do |message| %>
        <div><%= message %></div>
        <% end %>
    </div>

    <div class="text-center py-2">
        <%= form.label :occasion_date, "Occasion Date", class: "text-red-400 font-semibold px-8" %><br>
        <%= form.date_field :occasion_date, type: "date", class: "rounded" %>
        <% @occasion.errors.full_messages_for(:occasion_date).each do |message| %>
        <div><%= message %></div>
        <% end %>
    </div>

    <div class="text-center py-2">
        <%= form.label :url, 'URL', class: "text-red-400 font-semibold px-8" %><br>
        <%= form.text_field :url, class: "rounded" %>
        <% @occasion.errors.full_messages_for(:url).each do |message| %>
        <div><%= message %></div>
        <% end %>
        <em><div class="text-sm">domainname.com/yourURLhere</div></em>
    </div>

    <div class="text-center py-2">
        <%= form.submit occasion.persisted? ? 'Update' : 'Save', class: "rounded-full bg-red-400 text-white px-3" %>
    </div>

<% end %>

Answer 1

从提供的信息来看，表单似乎是作为 AJAX 请求提交的。由于您没有将 local: false 传递给 form_with 调用，因此必须设置一个配置以默认使用 AJAX 表单提交。

来自docs,

:local - By default form submits via typical HTTP requests. Enable remote and unobtrusive XHRs submits with local: false. Remote forms may be enabled by default by setting config.action_view.form_with_generates_remote_forms = true.

通过 local: true 以通过普通 HTTP 请求提交请求。

<%= form_with model: @occasion, local: true do |form| %>
  <%#= ... %>
<% end %>

Rails 错误消息未出现在网站上但显示在 Chrome DevTools 网络预览中

Rails error messages not appearing on website but showing in Chrome DevTools Network Preview

error-handling

ruby-on-rails

google-chrome-devtools