Rails/検証 の履歴(No.4)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• Rails/検証 へ行く。
  • 1 (2015-07-24 (金) 15:03:42)
  • 2 (2015-07-24 (金) 15:09:28)
  • 3 (2015-09-20 (日) 15:30:07)
  • 4 (2015-09-22 (火) 16:30:25)
  • 5 (2015-10-28 (水) 14:05:16)
  • 6 (2016-04-13 (水) 16:47:31)
  • 7 (2017-05-12 (金) 18:04:40)
  • 8 (2017-06-22 (木) 13:17:23)
  • 9 (2022-04-12 (火) 00:28:16)

&tag(Rails/検証);

目次†[edit]

関連ページ†[edit]

• Rails
• ../Bootstrap…Bootstrapを使った場合のエラーメッセージの表示方法などについて。

参考情報†[edit]

一般的な検証の流れ†[edit]

• モデルクラスにvalidatesメソッドの追加

  class Item < ActiveRecord::Base
    validates :title, presence: true
  end
  

• controllerクラスでの検証
• scaffoldのデフォルト実装でも検証は行われる。

    def create
      @item = Item.new(item_params)
  
      respond_to do |format|
        if @item.save
          format.html { redirect_to @item, notice: 'Item was successfully created.' }
          format.json { render :show, status: :created, location: @item }
        else
          format.html { render :new }
          format.json { render json: @item.errors, status: :unprocessable_entity }
        end
      end
    end
  

• ビューでは以下のようにエラーメッセージを表示する(もう少し分かりやすく表示する必要あり)

  <%= form_for(@item) do |f| %>
      <% if @item.errors.any? %>
          <div id="error_explanation">
              <h2>エラーが発生しました :</h2>
              <ul>
                  <% @item.errors.full_messages.each do |msg| %>
                      <li><%= msg %></li>
                  <% end %>
              </ul>
          </div>
      <% end %>
  
      <div class="field">
          <%= f.label :title %><br>
          <%= f.text_field :title %>
      </div>
      <div class="field">
          <%= f.label :content %><br>
          <%= f.text_area :content %>
      </div>
      <div class="actions">
          <%= f.submit %>
      </div>
  <% end %>
  
  

特別な検証†[edit]

URLを検証する†[edit]

• perfectline/validates_url
• Rails - gem validates_url 使ってみた - Qiita
• Gemfileに追加

  gem "validate_url"

• モデルで検証

  class User < ActiveRecord::Base
    validates :homepage, url: { allow_blank: true }
  end
  

エラーメッセージの表示†[edit]

Bootstrap3を使う場合†[edit]

../Bootstrapを参照のこと。

検証後入力値が再表示される仕組み†[edit]

• scaffoldで作成したコントローラーは以下のようになっている。

    # GET /items/new
    def new
      @item = Item.new
    end
  
    # GET /items/1/edit
    def edit
    end
  
    # POST /items
    # POST /items.json
    def create
      @item = Item.new(item_params)
  
      respond_to do |format|
        if @item.save
          format.html { redirect_to @item, notice: 'Item was successfully created.' }
          format.json { render :show, status: :created, location: @item }
        else
          format.html { render :new }
          format.json { render json: @item.errors, status: :unprocessable_entity }
        end
      end
    end
  
    # PATCH/PUT /items/1
    # PATCH/PUT /items/1.json
    def update
      respond_to do |format|
        if @item.update(item_params)
          format.html { redirect_to @item, notice: 'Item was successfully updated.' }
          format.json { render :show, status: :ok, location: @item }
        else
          format.html { render :edit }
          format.json { render json: @item.errors, status: :unprocessable_entity }
        end
      end
    end
  
  

• create、updateが登録後の処理となる。成功した場合はredirectして再表示、エラーの場合は入力値が設定された@itemを使ってnewやeditをrenderするので、入力値が再表示される。
• ただしこの場合、検証失敗後URLは以下のように変わる
  • 追加初期表示時のURL: 「http://localhost:3000/items/new」
  • 追加失敗時のURL: 「http://localhost:3000/items」(実際は追加初期表示時の見た目のまま)
  • 更新初期表示のURL:「http://localhost:3000/items/3/edit」
  • 更新失敗後のURL: 「http://localhost:3000/items/3」(実際は更新初期表示の見た目のまま)