SpringBootにおいてValidationが効かない

Question

前提・実現したいこと

現在、JavaのSpringBootを用いてお問い合わせアプリを作成しています。

DBに登録済みの問い合わせデータを更新する際に空文字にしてDB登録をしようとした場合に
バリデーションを表示させたいのですが、できないため、バリデーションの表示方法をご教示いただきたいです。

※１送信ボタンを押下後、DBへの登録は変更されていないです。
※２上記写真は送信ボタンを押下後にバリデーションが表示されていないものです。
※２このアプリは下記URLから利用できます。
http://inquirysystem-env.eba-2fdyge2m.ap-northeast-1.elasticbeanstalk.com/inquiry
※３問い合わせを登録する際にはバリデーションが表示されます。

発生している問題・エラーメッセージ

１枚目の写真の通りバリデーションが表示されません。

該当のソースコード

InquiryController

package com.example.demo.app.inquiry;

import java.time.LocalDateTime;
import java.util.List;
import java.util.Optional;
import javax.validation.Valid;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.validation.BindingResult;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.servlet.mvc.support.RedirectAttributes;
import com.example.demo.entity.Inquiry;
import com.example.demo.service.InquiryService;

@Controller
@RequestMapping("/inquiry")
public class InquiryController {
	
	private final InquiryService inquiryService;
	public InquiryController(InquiryService inquiryService) {
		
		this.inquiryService=inquiryService;
	}
　　　　　
    @GetMapping("/{id}")
    public String showUpdate(
    		InquiryForm inquiryForm,
        @PathVariable int id,
        Model model) {

    	//Inquiryを取得(Optionalでラップ)
        Optional<Inquiry> inquiryOpt = inquiryService.getInquiry(id);

        //InquiryFormへの詰め直し
		 Optional<InquiryForm> inquiryFormOpt = inquiryOpt.map(t->makeInquiryForm(t));
        //InquiryFormがnullでなければ中身を取り出し
        if(inquiryFormOpt.isPresent()) {
        	inquiryForm = inquiryFormOpt.get();
        }

        model.addAttribute("InquiryForm", inquiryForm);
        List<Inquiry> list = inquiryService.getAll();
        model.addAttribute("list", list);
        model.addAttribute("inquiryId", id);
        model.addAttribute("title", "更新用フォーム");

        return "inquiry/update";
    }
	
	  @PostMapping("/update")
	    public String update(
	    	@ModelAttribute @Validated  InquiryForm inquiryForm,
	    	BindingResult result,
	    	@RequestParam("inquiryId") int inquiryId,
	    	Model model,
	    	RedirectAttributes redirectAttributes) {

	        if (!result.hasErrors()) {
	        	//InquiryFormのデータをInquiryに格納
	        	Inquiry inquiry=new Inquiry();
	        	inquiry.setId(inquiryId);
	    		inquiry.setName(inquiryForm.getName());
	    		inquiry.setEmail(inquiryForm.getEmail());
	    		inquiry.setContents(inquiryForm.getContents());
	    		inquiry.setCreated(LocalDateTime.now());
	        	
	        	//更新処理、フラッシュスコープの使用、リダイレクト（個々の編集ページ）
	        	inquiryService.update(inquiry);
	        	redirectAttributes.addFlashAttribute("complete", "変更が完了しました");
	            return "redirect:/inquiry/" + inquiryId;
	            
	        }else {
	        	model.addAttribute("InquiryForm", inquiryForm);
	        	model.addAttribute("inquiryId",inquiryId);
	            model.addAttribute("title", "更新用フォーム");
	            return "inquiry/update";
	        }	
	        } 
	  @PostMapping("/delete")
	    public String delete(
	    	@RequestParam("inquiryId") int inquiryid,
	    	Model model) {
	    	//タスクを一件削除しリダイレクト
	        inquiryService.delete(inquiryid);
	        return "redirect:/inquiry";
	    }
	  private InquiryForm makeInquiryForm(Inquiry inquiry) {
		  InquiryForm InquiryForm = new InquiryForm();
	        InquiryForm.setName(inquiry.getName());
	        InquiryForm.setEmail(inquiry.getEmail());
	        InquiryForm.setContents(inquiry.getContents());
	        return InquiryForm;
	    } 
	 }

InquiryForm

package com.example.demo.app.inquiry;

import javax.validation.constraints.Email;
import javax.validation.constraints.NotNull;
import javax.validation.constraints.Size;

public class InquiryForm {
	@NotNull(message="お名前を入力してください")
	@Size(min =1,max=20,message="２０文字以下で入力してください")
	private String name;
	
	@NotNull(message="メールアドレスを入力してください")
	@Email(message="メールアドレスのフォーマットで入力してください")
	private String email;
	@NotNull(message="問い合わせ内容を入力してください")
	private String contents;
	
	public InquiryForm() {
		
	}
	//getterとsetterは省略
	
}

index_boot.html

<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <link rel="icon" href="../../../../favicon.ico">

    <title>お問い合わせ一覧</title>


  </head>
  <body>
        <div class="starter-template">
        <h1 th:text="${title}">お問い合わせ一覧</h1>
        <p class="lead">お問い合わせ内容の一覧です。</p>
      </div>
      
<table class="table table-striped">
  <thead>
    <tr>
      <th scope="col">ID</th>
      <th scope="col">名前</th>
      <th scope="col">メールアドレス</th>
      <th scope="col">問い合わせ内容</th>
      <th scope="col">日時</th>
      <th scope="col"></th>
      <th scope="col"></th>
    </tr>
  </thead>
  <tbody>
    <tr th:each="inquiry : ${inquiryList}">
      <td  scope="row" th:text="${inquiry.id}">1</td>
      <td th:text="${inquiry.name}">name</td>
      <td th:text="${inquiry.email}">email</td>
      <td th:text="${inquiry.contents}">contents</td>
      <td th:text="${inquiry.created}">created</td>
	  <td><a type="button" th:href="@{/inquiry/{id}(id=${inquiry.id})}">編集</a></td>
		<td>
			<form method="POST" th:action="@{/inquiry/delete}">
			<input type="hidden" name="inquiryId" th:value="${inquiry.id}">
			<input type="submit" value="削除"　class="btn btn-primary">
			</form>
		</td>
    </tr>

  </tbody>
</table>


    </main><!-- /.container -->

  </body>
</html>

update.html

<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../../../favicon.ico">
  <title>更新用フォーム</title>

    <!-- Bootstrap core CSS -->
    <link href="/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="starter-template.css"  th:href="@{/css/starter-template.css}" rel="stylesheet">
  </head>

  <body>
    <div th:replace="~{block/header::headerA}"></div>
    <main role="main" class="container">

<h1 th:text="${title}">更新用フォーム</h1>
<p th:if="${complete}" th:text="${complete}"></p>
	<form method="post" action="#" th:action="@{/inquiry/update}" th:object="${InquiryForm}">
	
	  <label for="name">お名前</label>
	  <input type="text" name="name" class="form-control" id="name" th:value="*{name}">
	  <div class="text-danger mb-4" th:if="${#fields.hasErrors('name')}" th:errors="*{name}"></div>
	  
	  <label for="email">メールアドレス</label>
	  <input type="text" name="email" class="form-control" id="email"  th:value="*{email}">
	  <div class="text-danger mb-4" th:if="${#fields.hasErrors('email')}" th:errors="*{email}"></div>
	  
	  <label for="contents">問い合わせ内容</label>
	   <textarea name="contents" class="form-control" id="detail" rows="3" th:field="*{contents}"></textarea>
	  <div class="text-danger mb-4"  th:if="${#fields.hasErrors('contents')}" th:errors="*{contents}"></div>
	  
	  <input  th:if="${inquiryId}" type="hidden" name="inquiryId" th:value="${inquiryId}">
	  <button type="submit" style="margin-top:2px" class="btn btn-primary">送信</button><br>
	  
	  <a href="#"  style="margin-top:10px" th:href="@{/inquiry}" class="btn btn-primary">戻る</a>
	</form><br>
	</main>
	</form>
</div>
</body>
</html>

試したこと

update.htmlのソースコードに間違いがないか確認しましたがわかりませんでした。

補足情報（FW/ツールのバージョンなど）

OS:macOS Big Sur 11.5.2
使用ブラウザ：GoogleChrome
Spring:2.5.4
Java：OpenJDK 11.0.2
DB:MySQL(AWSのRDS上で起動中)

足りない情報等ありましたらコメントくださると幸いです。

Answer 1

バリデーションは、@Validatedが付いたインスタンスに紐付いています。

【修正方法①】
@ModelAttributeアノテーションは、名前を指定しない場合、「先頭小文字のクラス名（inquiryForm）」で名前解決されます。このため、modelに渡す値は、先頭小文字のinquiryFormにする必要があります。

@GetMapping("/{id}")
public String showUpdate(InquiryForm inquiryForm, /* 省略 */) {
    // 省略

    // 先頭を小文字「inquiryForm」に修正
    model.addAttribute("inquiryForm", inquiryForm);
    // 省略
}

@PostMapping("/update")
public String update(@ModelAttribute @Validated InquiryForm inquiryForm, BindingResult result, /* 省略 */) {

    if (!result.hasErrors()) {
        // 省略
    } else {
        // 先頭を小文字「inquiryForm」に修正
        model.addAttribute("inquiryForm", inquiryForm); //★省略もできます
        // 省略
    }
}

<!-- Thymeleaf側も、先頭小文字「inquiryForm」に修正 -->
<form method="post" action="#" th:action="@{/inquiry/update}" th:object="${inquiryForm}">

---

【修正方法②】
@ModelAttributeアノテーションで、名前を指定すると「指定した名前」で解決できます。このため、大文字のInquiryFormを追加すると、その名前が利用できるようになります。

@PostMapping("/update")
// @ModelAttribute("InquiryForm")を追加
public String update(@ModelAttribute("InquiryForm") @Validated InquiryForm inquiryForm, BindingResult result /* 省略 */) {

    if (!result.hasErrors()) {
        // 省略
    } else {
        // 先頭は大文字「InquiryForm」のまま利用可
        model.addAttribute("InquiryForm", inquiryForm); //★省略もできます
        // 省略
    }
}

Comments

[hiko_00001]

KT001樣ご回答いただきありがとうございます。
無事にバリデーションが表示されました。
@ModelAttributeアノテーションは、指定しない場合は小文字で利用する必要があったのですね・・
私の勉強不足でした、ご教示いただきありがとうございました。

[IT001]

表示できて良かったです。
@ModelAttributeは、（裏の動きが）分かりづらいので、悩むポイントかもしれません。
@ModelAttributeを使うと、実は裏でmodelへの登録も行われているので、「//★省略もできます」と追記した場所は、コメントアウトすることもできます。
色々と試すと、力が付いてくると思うので、楽しんで試してみてください。