Thymeleaf单选按钮TH：字段检查验证

Question

我正在尝试验证使用th：each创建的单选按钮的输入。在输入中使用th：field输出html中的checked=“checked”，这使得一个单选按钮被选中onload，但我不想要。如果我放置name=“field”，则不会发生这种情况，但是不会对字段进行验证，因为我不会使用th：field。

<form th:action="@{/dosomething}" th:object="${Object}" method="post">                                  
<div th:each="op : *{options}"> 
<input type="radio" th:field="*{options}" th:value="${op.id}"     th:id="${opStat.index}"/>                         
<label th:for="${opStat.index}" th:text="${op.optiontext}">Option   Text</label>
<button type="submit">Next</button>                 
</form>

<form action="/dosomething" method="post">                                  
<div>   
<input type="radio" value="1" id="0" name="options" checked="checked"/>                         
<label for="0">A</label>
</div>                                  
<div>   
<input type="radio" value="3" id="1" name="options" checked="checked"/>                         
<label for="1">B</label>
</div>                                  
<div>   
<input type="radio" value="4" id="2" name="options" checked="checked"/>                         
<label for="2">C</label>
</div>                                  
<div>   
<input type="radio" value="2" id="3" name="options" checked="checked"/>                         
<label for="3">D</label>
</div>              
<button type="submit">Next</button>             
</form>

Answer 1

您使用单选按钮的方式没有意义。选定的单选按钮是单个值，但您正在尝试将其绑定到数组:th:field=“*{options}”（而不是单个字段，例如th:field=“*{selectedOpId}”）。

您的th:object上应该有一个字段来存储单选按钮选择的结果，您的th:each应该迭代一个常规模型属性。类似这样的事情：

<form th:action="@{/dosomething}" th:object="${Object}" method="post">
    <th:block th:each="op : ${options}">
        <input type="radio" th:field="*{chosenOptionId}" th:value="${op.id}" th:id="${opStat.index}"/>                         
        <label th:for="${opStat.index}" th:text="${op.optiontext}">Option Text</label>
    <th:block>

    <button type="submit">Next</button>                 
</form>