【Django】django_bootstrap5とbootstrap_datepicker_plusを使った時にエラーメッセージが表示されない問題
django_bootstrap5とbootstrap_datepicker_plusのDatePickerInputを使い入力フォームを作ったが、「DatePickerInput」を使ってカレンダー表示を行った入力フォームだけ何故かエラー表示がされなかった。
「DatePickerInput」以外の入力フォームは問題なくエラーが表示されている。。。
forms.pyのwidgets設定から「DatePickerInput」を外すとエラー文言が表示されるので、おそらくその周辺の問題じゃないかと思い、HTMLソースを眺めてみた。
エラー文言を表示している箇所のCSSは「invalid-feedback」。
他のフォームとは違うCSS「input-group date」が設定されているのに気がつく。
上記2つのキーワードで検索してみると、どうやら「input-group」と「invalid-feedback」の組み合わせで「invalid-feedback」が「display:none;」となってしまう問題があるようだ。
と言うことは、「display:none;」にならないようにスタイルシートを追加すればいいだけ?と思い、「DatePickerInput」を使うフォームのみ以下のスタイルシートを読み込むように設定。
.invalid-feedback{
display: block
}
ひとまず表示されるようになったけど、これで本当の解決になるんだろうか。。。
もっと違う対応方法やスマートな対応方法あればコメントお願いします!
ディスカッション
コメント一覧
まだ、コメントがありません