Thymeleaf：从表单标记外部为对象建模部分设置值

Question

我有一个发送到前端的模型对象。我在表单中填充该对象。我想知道的是，在用户提交他/她的表单之前，我是否可以从不同的事件中部分填充该对象？

例子：

实体：

public class Participant {
  public String username;
  public boolean taskCompleted;
}

百里香叶型：

<form th:object="${participant}" th:action="@{/join}" method="post">
  <input type="text" th:field="*{username}" >
  <button type="submit">Join!</button>
</form>

在提交表单之前，我给用户一个任务，比如单击页面不同部分的按钮。如果他们这样做了，我想做一些类似于taskComplated=true的相同参与者对象的事情。这可能吗？

Answer 1

在表单中使用隐藏输入：

<form th:object="${participant}" method="post">
  <input type="text" th:field="*{username}" >
  <input type="hidden" th:field="*{taskCompleted}" />
  <button type="submit">Join!</button>
</form>

当用户单击按钮时，使用JavaScript将隐藏的输入值设置为true。

<!-- This button flips the value of taskCompleted to true -->
<button onclick="document.getElementById('taskCompleted').value = 'true';">Do the task first!</button>