java - 为什么 thymeleaf 中的无效反馈不起作用

Question

我需要输入，它可以工作，但为什么无效反馈不显示在模式中HTML 使用 thymeleaf

<!-- AddStore Modal -->
<div class="modal fade" id="AddUserModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="AddUserModalLabel">Add Store Form</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <form autocomplete="off" action="#" th:action="@{/stores/add_store}"
                      th:object="${store}" method="post"
                      role="form" id="addModalForm">
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="addstoreName">Store Name</label>
                            <input type="text" class="form-control" id="addstoreName" th:field="*{storeName}"
                                   required="required"/>
                            <div class="invalid-feedback">
                                Please provide a store name.
                            </div>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="addStatus">Status</label>
                            <select id="addStatus" class="form-control" th:field="*{status}">
                                <option th:value="Ready_to_service">Ready to service</option>
                                <option th:value="Temporarily_closed">Temporarily closed</option>
                                <option th:value="Closed">Closed</option>
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
                        <button class="btn btn-success" type="submit" th:text="Save"></button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

Answer 1

不确定您是否找到了解决方案，因为它看起来像是一个老问题。

您缺少让 Thymeleaf 了解字段特定错误的信息。您尚未将无效反馈类绑定(bind)到“字段”错误。尝试下面的代码。

<input type="text" class="form-control" id="addstoreName" th:field="*{storeName}" required="required"/>
<div class="invalid-feedback" th:if="${#fields.hasErrors('storeName')}" th:errors="*{storeName}"></div>

看一下工作示例 here 。它看起来像这样: