エラーメッセージを装飾する

【共有】
エラーメッセージの装飾に関して
モデルにデータを保存する際、カラムに対してバリデーションを掛ける事があると思います。
その時、表示させるエラーメッセージが編集出来る事が分かったので共有します。

①エラーメッセージ
 エラーが発生すると、html.erb内に<li calss=“error-message”>〜が出現するので、これに対してcssを適用させる。


②バリデーションに引っかかってる箇所
 エラーが発生すると、html.erb内に<div class=“field_with_errors”>〜が出現するので、これに対してcssを適用させる。これらを考慮して、エラーメッセージを赤字に、バリデーションに引っかかってる箇所を赤枠で囲うと見やすくなりました!

f:id:Fujisan3776:20201120150913p:plain

 

※参考サイト

エラー表示で意図しない改行を解消する−fieldWithErrors、ActionView::Base、field_err | DoRuby