質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.61%

Thymeleafで、バリデーションのエラーメッセージを表示したいです。

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 3
  • VIEW 21K+

score 22

Thymeleafで、バリデーションのエラーメッセージを表示したいです。
「#fields.hasErrors('name')」が、常にfalseとなり、エラーメッセージが表示されません。

controllerです。

@Controller
@RequestMapping("/confirm")
public class ConfirmController {

    @GetMapping
    public String doGet(SimpleInputForm sif, Model model) {

        model.addAttribute("form", sif);
        return "confirm";
    }

    @PostMapping
    public String doPost(
            @Validated @ModelAttribute SimpleInputForm sif,
            BindingResult result,
            Model model) {

        model.addAttribute("form", sif);

        if (result.hasErrors()) {

            System.out.println("ConfirmController.doPost().haserrors");
            return "confirm";
        }

        return "confirm2";
    }

}


formです。

package com.example.demo.form;

import javax.validation.constraints.Size;
import lombok.Data;

@Data
public class SimpleInputForm {

    @Size(min=2,max=3)
    String name;
}


Thymeleafです。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
</head>
<body>

    <form method="post" action="#" th:action="@{./confirm}"    th:object="${form}">
        <div th:text="#{please.input('名前')}"></div>
        <input type="text" th:field="*{name}" />

                <!-- これが常にfalseとなります。 -->
                <div th:text="${#fields.hasErrors('name')}"></div>

                <!-- そのため、バリデーションのエラーが表示されません。 -->
        <span th:if="${#fields.hasErrors('name')}" th:errors="*{name}">error!</span>
    </form>

</body>
</html>


「http://localhost:8080/confirm」にアクセスし、テキストボックスに1文字を入力して実行すると、コンソールに「ConfirmController.doPost().haserrors」が出力され、バリデーションエラーがあることがわかり、入力画面に戻ります。
ところが、常に「#fields.hasErrors('name')」がfalseであるため、エラーメッセージが出力されません。
どこに誤りがあるのか教えてください。

追記です。
pom.xmlです。

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.1.2.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.example</groupId>
    <artifactId>demo</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <packaging>war</packaging>
    <name>demo</name>
    <description>Demo project for Spring Boot</description>

    <properties>
        <java.version>1.8</java.version>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-tomcat</artifactId>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

</project>


あと、念の為、ソースコードをGitHubにアップロードしました。

バージョンについては、自信が無いですが以下です。
Java: 1.8
Spring Boot:2.1.2.RELEASE
Thymeleaf:3.0.11.RELEASE
Maven依存関係です。

どこが間違っているか、教えて頂けたら嬉しいです。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • rubytomato

    2019/01/27 17:25

    Java, Spring Boot, Thymeleafのバージョンを質問内容に追記して頂きたいです。あと可能でしたらpom.xmlの内容もお願いします。

    キャンセル

  • TrueOgre2

    2019/01/28 03:04

    コメントどうもありがとうございます。追記を致しました。
    他にも何か手がかりになるようなことがあれば、記載致します。
    宜しくお願いいたします。

    キャンセル

回答 1

checkベストアンサー

+3

SpringMVCとしての振る舞いは、@Validated が付与されたインスタンスの名前を親としてValidationエラーが付きます。ですので、

    @PostMapping
    public ModelAndView doPost(
            @Validated @ModelAttribute SimpleInputForm form,
            BindingResult bindingResult, ModelAndView model) {


        if (bindingResult.hasErrors()) {

            log.info("has error: {}", bindingResult.getFieldError());
            log.info(" - {}", bindingResult.getFieldError("name"));

としたときに出力されるログでは(以下は適宜改行をいれています。本来は2行です。

has error: Field error in object 'simpleInputForm' on field 'name': rejected value [qqqqqq]; 
codes [Size.simpleInputForm.name,Size.name,Size.java.lang.String,Size]; arguments [org.springframework.context.support.DefaultMessageSourceResolvable:
 codes [simpleInputForm.name,name]; arguments []; default message [name],3,2];
 default message [size must be between 2 and 3]

 - Field error in object 'simpleInputForm' on field 'name': 
rejected value [qqqqqq]; codes [Size.simpleInputForm.name,Size.name,Size.java.lang.String,Size]; 
arguments [org.springframework.context.support.DefaultMessageSourceResolvable: 
codes [simpleInputForm.name,name]; 
arguments []; default message [name],3,2]; 
default message [size must be between 2 and 3]

このように Spring内で自動的に名前解決している SimpleInputFormのインスタンス simpleInputForm の名前を親としてフィールドエラーが扱われていますので、これを表示するThymeleafのテンプレートは(ここが重要です)

<form method="post" action="#" th:action="@{confirm}" th:object="${simpleInputForm}">

と simpleInputForm を指定するのが正しく、formの中でth:objectで指定したインスタンスのエラー情報を出力する例としては、以下のようになるでしょう。

<ul th:if="${#fields.hasErrors('*')}">
  <li th:each="err : ${#fields.errors('*')}" th:text="${err}">Input is incorrect</li>
</ul>

<span th:if="${#fields.hasErrors('name')}" th:errors="*{name}">error!</span>

formの外側でエラーメッセージを出力したい場合は、

<div th:if="${#fields.hasErrors('${simpleInputForm}')}">has error.</div>

のように、simpleInputForm を指定しています。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/01/29 03:22

    丁寧な解説、本当にどうもありがとうございました。
    自分では何をやっても、どうしても解決することが出来なかったので、大変嬉しいです。
    インスタンス名もあまりクラス名から変えないほうが安全なのかも知れませんね。フレームワークの怖さを思い知りました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.61%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る