Thymeleaf validation with rowStat not working

[Petra Petrova]

I have this form which is visualizing the errors fine except in the part where I am iterating the room types. When I debug in the list of errors I see everything but the room numbers errors. I am not really sure what I am doing wrong since there is not much information about using rowStat, at least I could not find much. Any help will be appreciated.

The form:

<form class="" th:action="@{/create-booking}" th:method="POST" th:object="${bindingModel}">
                    <div class="title border-bottom h2" id="title">
                        <div class="card-header">
                            <p>Make your reservation</p>
                        </div>
                    </div>
<div class="row">
                        <div class="col">
                            <label class="label-align">First Name<span
                                    class="required">*</span></label>
                            <input th:field="*{firstName}" type="text" class="form-control" name="name"
                                   placeholder="ex. John ..."
                            />
                            <div class="col-auto">
                                <small th:if="${#fields.hasErrors('firstName')}" th:errors="*{firstName}"
                                       id="first-nameError"
                                       class="text-light form-text bg-danger rounded">xxx</small>
                            </div>
                        </div>
                        <div class="col">
                            <label class="label-align">Last Name<span
                                    class="required">*</span></label>
                            <input th:field="*{lastName}" class="form-control" name="name" placeholder="ex. Doe..."
                            />
                            <div class="col-auto">
                                <small th:if="${#fields.hasErrors('lastName')}" th:errors="*{lastName}"
                                       id="last-nameError"
                                       class="text-light form-text bg-danger rounded">xxx</small>
                            </div>
                        </div>
<table>
                                <tbody>
                                <tr th:each="r, rowStat : ${roomViewModels}">
                                    <td th:text="${r.getType()} "></td>
                                    <td th:text="${#numbers.formatCurrency(r.getPrice())}></td>
                                    <td>
                                        <input class="form-control" type="number" min="1" max="10"
                                               th:field="*{roomType[__${rowStat.index}__].numberOfRooms}"
                                               id="numberOfRooms" name="numberOfRooms">
                                        <div>
                                            <small th:class="col-auto"
                                                   th:if="${#fields.hasErrors('*{roomType[__${rowStat.index}__].numberOfRooms}')}"
                                                   th:errors="*{roomType[__${rowStat.index}__].numberOfRooms}"
                                                   id="numberOfRoms-Error">
                                            </small>
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>

The controller to show the booking form:

    @GetMapping("/booking-form")
public String bookingForm(HttpServletRequest request, Model model) {
    Cookie[] cookies = request.getCookies();
    long id = 0;
    for (Cookie cookie : cookies) {
        if (cookie.getName().equals("id")) {
            id = Long.parseLong(cookie.getValue());
            break;
        }
    }
    AccommodationViewModel viewModel = this.accommodationService.findById(id);
    List<RoomViewModel> roomViewModels = this.roomService.findByHotelId(id);

    model
            .addAttribute("viewModel", viewModel)
            .addAttribute("roomViewModels", roomViewModels);

    return "booking-form";
}

the create booking controller:

    @PostMapping("/create-booking")
public String createBooking(@Valid BookingBindingModel bindingModel, BindingResult br,
                            RedirectAttributes rAtt, @AuthenticationPrincipal CustomUser user) {
    if (br.hasErrors()) {
            System.out.println(br);
        rAtt
                .addFlashAttribute("bindingModel", bindingModel)
                .addFlashAttribute("org.springframework.validation.BindingResult.bindingModel", br);


        return "redirect:booking-form";
    }

The binding model:

public class BookingBindingModel {

private Long hotelId;

@NotBlank(message = "First name is required!")
private String firstName;

@NotBlank(message = "Last name is required!")
private String lastName;

private List<RoomBindingModel> roomType;

The Room Binding Model

public class RoomBindingModel {
private Long id;

@NotNull(message = "Number of rooms is required!")
private Integer numberOfRooms;

[Himai Minh]

So, you mean if you leave number of rooms empty, it does not give you the error ?

[Petra Petrova]

Yes, no error. I don't see the errors in the binding result when debugging but I see the others.

[Himai Minh]

I am not familiar with Thymleaf.
But can you check if your following code has anything that prevent the error from being displayed?

<div>
                 <small th:class="col-auto"
                             th:if="${#fields.hasErrors('*{roomType[__${rowStat.index}__].numberOfRooms}')}"
                              th:errors="*{roomType[__${rowStat.index}__].numberOfRooms}"
                              id="numberOfRoms-Error">
                   </small>
   </div>