thymeleaf 3 textareaを常に監視し、未入力であればその旨を伝えるメッセージを表示 そうでなければ何も表示しない

実現したいこと

textareaを常に監視し、未入力であればその旨を伝えるメッセージを表示、そうでなければ何も表示しないようにしたい。

発生している問題・分からないこと

以下のソースのように書いたが、常に「テキストが未入力です。」が表示される

該当のソースコード

HTML

1 <form method="POST" th:action="@{/submit}"> 2 <textarea th:field="${wow}"></textarea> 3 <div th:if="${wow==null}"> 4 テキストが未入力です。 5 </div> 6 </form> 7<!-- 一部省略されているが、formやコントローラは実装済み -->

試したこと・調べたこと

上記の詳細・結果

これやこれなど、ボタンを押して値を表示するものはあったが、常に値を監視するものが見つからなかった

もしかして、thymeleafのみでは実装不可能で、Javascriptを用いて値が変わったことを検知したり、
常にコントローラに値を流し、コントローラ側から「テキストが未入力です。」というメッセージを送る必要があるのだろうか。

補足

thymeleaf 3.0.15
SpringBoot 3.x
また上記では省略しているが、
Kotlin 1.9.x などを用いてフォームクラスやコントローラを実装済み
現在ソースコードが手元になく、記憶で書いているため表記がおかしい部分がある可能性あり

コメントを投稿

0 コメント