我有一个带有多个提交按钮的表单,每个按钮执行单独的功能,例如:
所有操作均为POST,并且在映射到Controller端的params的按钮标签中使用console.log(jQuery.fn.jquery);
属性。到目前为止一切正常。
现在,我需要在提交表单时禁用按钮的单击,并且在服务器端,数据库更新已完成,服务器会回复。
因此,我使用name
添加了以下代码,然后它停止了工作。
JS
jquery
HTML
$('form').submit(function(e) {
$(this).find("button[type='submit']").attr('disabled',true);
});
控制器
<form id="formSecurity"
th:action="@{/security}" th:object="${securityDTO}" method="POST">
<div class="form-group col-md-6">
<div class="input-group">
<input class="form-control" type="text" th:field="*{secId}" id="secId" placeholder="Find by SecId..." />
<div class="input-group-append">
<button class="btn btn-primary" name="search" type="submit">Search</button>
</div>
</div>
...
</div>
...
</form>
但是现在看起来@PostMapping(value="/security", params={"search"})
public String searchSecurity(final SecurityDTO securityDTO, final BindingResult result, Model model) {
...
}
@PostMapping(value="/security", params={"update"})
public String searchSecurity(final SecurityDTO securityDTO, final BindingResult result, Model model) {
...
}
@PostMapping(value="/security", params={"addRow"})
public String searchSecurity(final SecurityDTO securityDTO, final BindingResult result, Model model) {
...
}
@PostMapping(value="/security", params={"removeRow"})
public String searchSecurity(final SecurityDTO securityDTO, final BindingResult result, Model model) {
...
}
参数没有被提交。而且我得到以下错误:
name