エラーメッセージの生成と表示方法

生成

>> user = User.new

>> user.save    #エラーメッセージ生成
=> false

>> user.error.full_messages  
=> [Failed"", "invalid"]

オブジェクトを保存する際、falseが返ってきた瞬間に配列の要素としてエラーメッセージが生成される。

表示

erb

<% @user.errors.full_messages.each do |msg| %>
  <%= msg %>
<% end %>

配列の要素をeach文で、それぞれ取り出し、表示させることができる

エラー時にのみ出現するClass属性

class="field_with_errors"
自動でエラー箇所の入力部品を囲んでくれる。

実装

パーシャルを使いつつ、どんなオブジェクトでも対応できるように実装させている。

shared/_error_messages.html.erb

<% if object.errors.any? %>
  <div id="error_explanation">
    <div class="alert alert-danger alert-form-extend" role="alert">
      <%= object.errors.count %>個のエラーがある
    </div>
    <ul>
      <% @user.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
    </ul>
  </div>
<% end %>

users/new.html.erb

<%= form_with(model: @user, url: users_path, local: true) do |form| %>
  <%= render 'shared/error_messages', object: form.object %>

users_controller.rb

def create
  @user = User.new(user_params)
  if @user.save
    ~~
  else
    render 'new'
  end
end

application.scss

# error_explanation {
  color: red;
  ul {
    color: red;
    padding-bottom: 0;
  }
}

.field_with_errors .form-control { 
  border-color: red;
}