質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Devise

Deviseとは、Ruby-on-Railsの認証機能を追加するプラグインです。

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Q&A

1回答

1764閲覧

【gem devise】ログイン画面でバリデーションメッセージを表示したい

退会済みユーザー

退会済みユーザー

総合スコア0

Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Devise

Deviseとは、Ruby-on-Railsの認証機能を追加するプラグインです。

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

0グッド

0クリップ

投稿2018/11/04 05:04

【困っている事と現状】
rails5 ruby2.5.1 gem devise

deviseを使用して「ログイン画面」と「アカウント登録画面」を作成しました。

deviseはカスタマイズしなければ、
「ログイン画面」で入力に誤りがあるとflashメッセージが表示されるようになっています。

画像1(devise/ログイン画面/初期/フォーム内入力)
イメージ説明

画像2(メールアドレス入力/パスワード未入力)
イメージ説明

このflashメッセージを表示させずに、フォームの下にエラーメッセージを表示したく質問をいたしました。

「アカウント登録画面」では初めからflashメッセージではなくエラーメッセージ(validation?)が表示される設定になっいたので参考サイトをもとに変更が可能でしたが…

画像3(アカウント登録画面/現在)
イメージ説明

「アカウント登録画面」と同様にフォームの下にエラーメッセージを表示したいです。


【該当ソースコード】

app/view/device/sessions/new.html.erb

<h2 class="def-new">ログイン</h2> <div class="row"> <div class="col-md-6 col-md-offset-3"> <%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %> <div class="field"> <%= f.label :メールアドレス %><br /> <%= f.email_field :email, autofocus: true, :class => "form-control my-form" %> </div> <div class="field"> <%= f.label :パスワード %><br /> <%= f.password_field :password, autocomplete: "off", :class => "form-control my-form" %> </div> <% if devise_mapping.rememberable? -%> <div class="field"> <%= f.check_box :remember_me %> <%= f.label :次から入力を省略 %> </div> <% end %> <br> <div class="actions"> <%= f.submit "ログイン", :class => "btn btn-primary" %> </div> <% end %> </div> </div>

app/view/device/registrations/new.html.erb 参考までに

<h2 class="def-new">アカウント登録</h2> <div class="row"> <div class="col-md-6 col-md-offset-3"> <%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %> <div class="field"> <%= f.label :ユーザー名%><br /> <%= f.text_field :name, autofocus: true, :class => "form-control my-form" %> </div> <div class="field"> <%= f.label :メールアドレス %><br /> <%= f.email_field :email, autofocus: true, :class => "form-control my-form" %> </div> <div class="field"> <%= f.label :パスワード %> <% if @minimum_password_length %> <em>(<%= @minimum_password_length %>文字以上のパスワード)</em> <% end %><br /> <%= f.password_field :password, autocomplete: "off", :class => "form-control my-form" %> </div> <div class="field"> <%= f.label :"パスワード(確認)" %><br /> <%= f.password_field :password_confirmation, autocomplete: "off", :class => "form-control my-form" %> </div> <br> <div class="actions"> <%= f.submit "登録", :class => "btn btn-primary" %> </div> <% end %> </div> </div>

config/initializers/error_customize.rb

View::Base.field_error_proc = Proc.new do |html_tag, instance| if instance.kind_of?(ActionView::Helpers::Tags::Label) html_tag.html_safe else method_name = instance.instance_variable_get(:@method_name) errors = instance.object.errors[method_name] html = <<~EOM <div class="has-error"> #{html_tag} <span class="help-block"> #{I18n.t("activerecord.attributes.#{instance.object.class.name.underscore}.#{method_name}")} #{errors.first} </span> </div> EOM html.html_safe end end

config/locales/devise.ja.yml

ja: devise: failure: invalid: "入力に誤りがあります。" last_attempt: "あなたのアカウントがロックされる前に、もう1つの試みを持っています。" not_found_in_database: "メールアドレスまたはパスワードが無効です。"

deviseは便利な反面中身がわからないのが難点です。

【まとめ】

フラッシュメッセージは消すことできました!
あとはフォームの下にエラーメッセージを表示するだけです。

ネットで調べてみましたが検索にひっかかず悩んでます。

※ここのソースコードがみたいなどありましたら早急に添付いたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

今回はja.ymlで実装されたいと言うことでしょうか?
JavaScriptでも実装ができますので参考までに貼らせて頂きます
https://teratail.com/questions/67087
http://migo-media.com/contact-errorcheck/

投稿2018/11/07 08:03

編集2018/11/07 08:04
yuzujoe

総合スコア49

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問