Struts2 におけるバリデーションシリーズ、今回は「エラー表示」の UX 向上をテーマにお届けします。

🎯 本記事のゴール

🧩 1. `<s:fielderror>` 基本構文のおさらい

Struts2 の入力バリデーションエラーを画面に表示するための専用タグです。

<s:fielderror />

フィールド単位で表示することも可能です。

<s:fielderror fieldName="username"/>

<s:textfield name="password" label="パスワード"/>
<s:fielderror fieldName="password" cssClass="error-message"/>

.error-message {
  color: red;
  font-size: 0.9em;
  margin: 2px 0 10px;
}

<s:textfield name="username"
  cssClass="%{#fieldErrors.username != null ? 'input-error' : ''}"
  label="ユーザ名"/>

.input-error {
  border: 2px solid red;
  background-color: #fff0f0;
}

以下のプロジェクトでは、LoginAction に対して validate() によるチェックを行い、
その結果を <s:fielderror> で表示しています。

🔗 LoginAction.java（GitHub）の validate 実装（77〜95行目）

🔗 login.jsp（GitHub）の実装 (14行目～18行目))

<c:if test="%{hasFieldErrors()}">
  <ul class="error-summary">
    <s:fielderror />
  </ul>
</c:if>

エラーまとめ表示用の領域を作ることで、ページ上部に一覧でエラーを提示する形式も可能です。

次回は…
🌐 多言語対応（i18n）とメッセージプロパティの使いこなし
エラー表示やラベルをリソースファイルに分離して、国際化・保守性向上を図る方法を紹介予定です！

🔜 Vol.9.6：多言語対応とメッセージ活用（予定）