小白编程笔记——HTML中form，button，和Javascript操作的注意事项

编程的过程中可能会需要通过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。