编程的过程中可能会需要通过HTML上的button来实现表单的提交。我之前习惯是在表单tag中写button,然后在button的回调函数中实现form的提交,但是这个方式是存在一定的小问题的。比如说,如果我需要给回调函数增加一个确认,如果没有得到确认就不再执行form的提交,例如
if(!confrim("是否确认提交?")) return;
此时,我希望实现的是通过return来终止form的提交,但是如果这个button是写在form tag中的话,即使使用了return,form表单仍然会进行提交,甚至会因为提交的null的内容从而导致后台报错。
此时,则需要将button从form中分离出来,通过如下的方式来实现:
<button class="btn btn-danger" id="updDateJson" name="updDateJson">更新</button>
<form method="post" id="dataUpdPost" th:action="@{/dateUpd/updateJson}">
</form>
此时需要注意的是,button一定不能被其他的form给包起来,否则button的回调函数return的时候,会提交把它包起来的form。