【困っている事と現状】
rails5 ruby2.5.1 gem devise
deviseを使用して「ログイン画面」と「アカウント登録画面」を作成しました。
deviseはカスタマイズしなければ、
「ログイン画面」で入力に誤りがあるとflashメッセージが表示されるようになっています。
このflashメッセージを表示させずに、フォームの下にエラーメッセージを表示したく質問をいたしました。
「アカウント登録画面」では初めからflashメッセージではなくエラーメッセージ(validation?)が表示される設定になっいたので参考サイトをもとに変更が可能でしたが…
「アカウント登録画面」と同様にフォームの下にエラーメッセージを表示したいです。
【該当ソースコード】
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は便利な反面中身がわからないのが難点です。
【まとめ】
フラッシュメッセージは消すことできました!
あとはフォームの下にエラーメッセージを表示するだけです。
ネットで調べてみましたが検索にひっかかず悩んでます。
※ここのソースコードがみたいなどありましたら早急に添付いたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。