为什么百里香中的无效反馈无效

Question

我需要输入才能正常工作，但是为什么无效反馈未在模式中显示 HTML使用百里香

<!-- 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知道该字段特定的错误。您没有将无效反馈类绑定到“字段”错误。请尝试以下代码。

<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。在这里看起来像这样：