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>

当你点击提交时,它会有一个弹窗提示,你确认它会提交表单,点取消,它就不会提交。
这样就做到了提示的效果。

猜你喜欢

转载自blog.csdn.net/weixin_43520670/article/details/112134724