HTML的form表单确认
在做提交表单时,对于一些重要的操作,我们要给用户一些提示,让用户确认其操作,防止用户因为一些意外而引起的操作。比如在删除信息时,就要给用户一些提示,一下给出一个form表单的简单提示的操作:
HTML文件,这里重要的是onsubmit属性,它规定表单提交事件发生时执行的 JavaScript(必须的),当有法返回值时,返回false时,表单不提交,返回true提交
<form th:action="@{/home/deleteTeam}" onsubmit="return toVaild()" method="post">
<button id="btn_submit" class="btn-danger" type="submit">删除</button>
</form>
js代码
<script>
function toVaild(){
return confirm("确定删除?")
}
</script>
当你点击提交时,它会有一个弹窗提示,你确认它会提交表单,点取消,它就不会提交。
这样就做到了提示的效果。