エラーメッセージを装飾する
【共有】
エラーメッセージの装飾に関して
モデルにデータを保存する際、カラムに対してバリデーションを掛ける事があると思います。
その時、表示させるエラーメッセージが編集出来る事が分かったので共有します。
①エラーメッセージ
エラーが発生すると、html.erb内に<li calss=“error-message”>〜が出現するので、これに対してcssを適用させる。
②バリデーションに引っかかってる箇所
エラーが発生すると、html.erb内に<div class=“field_with_errors”>〜が出現するので、これに対してcssを適用させる。これらを考慮して、エラーメッセージを赤字に、バリデーションに引っかかってる箇所を赤枠で囲うと見やすくなりました!
※参考サイト
エラー表示で意図しない改行を解消する−fieldWithErrors、ActionView::Base、field_err | DoRuby