エラーメッセージの表示位置を変更したい

投稿フォームが空欄の場合エラーメッセージが表示されるように設定しています。
現在はフォームの真上に表示されるようになっているのですが、ヘッダーとプロフィール欄の間に表示位置を変更したいです。
どのように記述すれば良いでしょうか？
調べてもわからなかったためこちらで質問させて頂きます。

books/index.html.erb

<%= render 'shared/header' %>

<div class="top">

<div class="container">
  <div class="row">
    <div class="col-lg-3">
      
  ---ここに表示したい---
      
    <p>User info</p>
      <%= attachment_image_tag @user, :profile_image, :fill, 150, 150, format: 'jpeg', fallback: "no_image.jpg", size:'150x150' %>
        <table class="table">
          <tr>
　　        <th>name</th>
　　        <th><%= current_user.name %></th>
　        </tr>
　        <tr>
　　        <th>introduction</th>
　　        <th><%= current_user.introduction %></th>
　　      </tr>
        </table>
        <%= link_to edit_user_path(current_user), class: "btn btn-default" do %>
          <i class="fa fa-wrench"></i>
        <% end %>
        <p>New book</p>
        <%= form_for @book do |f| %>
          <% if @book.errors.any? %>
          <div id="error_explanation">
            <ul>
              <p><%= @book.errors.count %>errors prohibited this obj from being saved:</p>
              <% @book.errors.full_messages.each do |message| %>
                <li><%= message %></li>
              <% end %>
            </ul>
          </div>
          <% end %>
          <p>Title</p>
            <%= f.text_field :title %>
          <p>Opinion</p>
            <%= f.text_area :body %>
          <%= f.submit 'Create Book' %>
        <% end %>
    </div>
        
    <div class="col-lg-9">
      <p>Books</p>
      <table class="table table-hover">
        
        <thead>
          <tr>
            <th></th>
            <th>Title</th>
            <th>Opinion</th>
          </tr>
        </thead>
        <% @books.each do |book| %>
        <tbody>
          <tr>
            <td><%= attachment_image_tag book.user, :profile_image, :fill, 50, 50, format: 'jpeg', fallback: "no_image.jpg", size:'50x50' %></td>
            <td><%= link_to book.title, book_path(book) %></td>
            <td><%= book.body %></td>
          </tr>
        </tbody>
        <% end %>
      </table>
    </div>
    
  </div>
</div>

</div>

<%= render 'shared/footer' %>

layouts/application.html.erb

<!DOCTYPE html>
<html>
  <head>
    <title>BookersLevel2Herokuapp</title>
    <%= csrf_meta_tags %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
  </head>

  <body>
    <%= yield %>
  </body>
</html>

shared/_header.html.erb

<header class="navbar navbar-inverse navbar-fixed-top">
  <div class="container header-container">
	<div class="navbar-left">
	  <h1>Bookers</h1>
	</div>
	  <ul class="nav navbar-nav navbar-right">
      <% if user_signed_in? %>
        <li class="header-contents">
        	<%= link_to user_path(current_user) do %>
            <i class="fa fa-home">Home</i>
          <% end %>
        </li>
	  	  <li class="header-contents">
	  	  	<%= link_to users_path do %>
            <i class="fa fa-user">Users</i>
          <% end %>
        </li>
	  	  <li class="header-contents">
	  	  	<%= link_to books_path do %>
            <i class="fa fa-book">Books</i>
          <% end %>
	  	  </li>
	  	  <li class="header-contents">
	  	  	<%= link_to destroy_user_session_path, method: :delete do %>
            <i class="fas fa-sign-out-alt">logout</i>
          <% end %>
        </li>
      <% else %>
        <li class="header-contents">
        	<%= link_to root_path do %>
            <i class="fa fa-home">Home</i>
          <% end %>
        </li>
	  	  <li class="header-contents">
	  	  	<%= link_to home_about_path do %>
            <i class="fa fa-link">About</i>
          <% end %>
	  	  </li>
	  	  <li class="header-contents">
	  	  	<%= link_to new_user_registration_path do %>
            <i class="fa fa-edit">sign_up</i>
          <% end %>
	  	  </li>
	  	  <li class="header-contents">
	  	  	<%= link_to new_user_session_path do %>
            <i class="fas fa-sign-in-alt">login</i>
          <% end %>
	  	  </li>
	  	<% end %>
    </ul>
  </div>
</header>

行動規範の内容に同意します

回答1件

ベストアンサー

エラーメッセージを表示する行が
layouts/applidation.html.erb　か　shared/header にかかれています。
それをその位置に移動すればできます。

ただそれを行うと他の全てのviewにそれを書く必要がでてくるので、それが嫌な場合は工夫が必要です。

工夫したい場合は、エラーメッセージを表示する行があるfileの方を見せてください。

投稿2019/12/29 08:16

winterboum

総合スコア23567

退会済みユーザー

2019/12/29 11:02

ご回答頂きありがとうございます。今回はbooks/index.html.erbにだけエラーを表示させるので、layouts/applidation.html.erbかshared/headerを使用する方法で大丈夫だと思います。 shared/headerはなかったためlayouts/applidation.html.erbを使用したいのですが、どのようにすれば良いでしょうか？

winterboum

2019/12/29 11:10 編集

そこにはどう書かれていますか？と、他のページにエラーメッセージを出すことは（今後も含めて）ありませんか？

退会済みユーザー

2019/12/29 11:31

layouts/applidation.html.erbを追記しました。 errorの際はbooks/index.html.erbにrenderするようになっているため他のページにメッセージを出すことはありません。 books/index.html.erbも質問と一緒に記載しております。

winterboum

2019/12/29 11:37

applidation.html.erb　にはないですね。 shared/_header.* にあるのでは？

退会済みユーザー

2019/12/29 11:46

shared/_headerを追記しました。ご確認ください。

winterboum

2019/12/29 12:12

ごめん、indexの中にありますね。 <% if @book.errors.any? %> <div id="error_explanation"> <ul> <p><%= @book.errors.count %>errors prohibited this obj from being saved:</p> <% @book.errors.full_messages.each do |message| %> <li><%= message %></li> <% end %> </ul> </div> <% end %> 部分です。これをそっくり ---ここに表示したい--- へ移してください

退会済みユーザー

2019/12/29 12:30

ありがとうございます。無事解決できました。

行動規範の内容に同意します