表单提交后模态字段为空

Question

我有模态提交用户输入的评论。但是当用户输入submit按钮时，form-backing-object到达post结束点，但是使用modal输入的字段是空的。

<!-- Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog"
aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Comment for approval</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form action="" method="post">
<textarea rows="5"
placeholder="Comment..."
th:field="*{processApproveComment}"
th:value="${answeredQuestionnaire.processApproveComment}"
class="form-control"
name="processApproveComment">
</textarea>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" formaction="/release/process"  data-toggle="modal" data-target="#exampleModalCenter"
class="btn btn-info" role="button">
Approve
</button>
<input th:type="hidden" th:field="*{processApproveComment}"
th:value="${answeredQuestionnaire.processApproveComment}"/>
</div>
</div>
</div>
</div>

调用modal的地方

<button type="submit" formaction="/release/process"  data-toggle="modal" data-target="#exampleModalCenter"
class="btn btn-info" role="button">
Approve
</button>

流程为:表单完成后，用户点击"批准";按钮，触发模态，然后用户输入评论并按"批准";(从模态)和表单提交。

有人可以建议什么是错误的在这里，因为我没有收到只是processApproveComment(这是使用模态设置)，当其他属性从父表单可用。

发送端点为:

@PostMapping("/release/process")
public String releaseProcess(Principal principal,
Model model,
@ModelAttribute("answeredQuestionnaire") AnsweredQuestionnaire answeredQuestionnaire){
//   answeredQuestionnaire does not have processApproveComment, but all others are available.
}

更新:

<div class="modal-body">
<form action="" method="post">
<textarea rows="5"
placeholder="Comment..."
th:field="*{processApproveComment}"
th:value="${answeredQuestionnaire.processApproveComment}"
class="form-control"
name="processApproveComment">
</textarea>
<button type="submit" formaction="/release/process"  data-toggle="modal" data-target="#exampleModalCenter"
class="btn btn-info" role="button">
Approve
</button>
</form>
</div>

Answer 1

因为按钮标签不在表单标签中

1. 移动按钮标签到形成标签