Ratyを使ったレビュー機能 バリデーションエラーの表示方法 - Qiita

実装内容 Bootstrap4では、サーバーサイドでチェックした入力エラーのメッセージを表示するための「invalid-feedback」クラスが用意されており、項目ごとに分かりやすく表示されるようになっています。 しかし、入力欄に<input>タグを使用していない場合、このエラーメッセージは表示されません、、(自分の場合、Ratyを使ったレビュー機能で起こりました、、) この問題に遭遇し参考記事を探してみたのですが、該当する記事を見つけることができなかったこともあり、備忘録も兼ねて紹介しています。 処理全体の流れ 三項演算子を使用して適切なクラスの付与 styleの修正 エラーメッセージ表示用のdivタグ作成 完成形はこちら Before After 入力後 環境 macOS Big Sur 11.2.3 ruby: 2.7.2 rails: 6.1.3 jQuery テンプレートエンジ