提交-确认/取消-弹窗

效果

在一些“删除”功能按钮处，需要添加一些确认弹窗，避免误触导致数据丢失。

html代码

第一种

<a th:href="后端请求地址" onclick="return deleteInfo()">删除</a>

<script>
    function deleteInfo() {
        const r = confirm("确定删除此信息？");
        if (r) {
            alert("删除成功");
            return true;
        }
        return false;
    }
</script>

举例

 <a onclick="return deleteVideo()" th:href="@{/videoDelete(rtsp=${video.rtsp})}"><i class="fa fa-remove"></i>删除</a>


 <script>
    function deleteInfo() {
        const r = confirm("确定删除此信息？");
        if (r) {
            alert("删除成功");
            return true;
        }
        return false;
    }
</script>

第二种

<a th:href="@{${baseURL}+'/delete/'+${obj.id}}" onclick="if(confirm('确定删除该预警设置吗？')===false) return false;" style="color: #33beff">删除</a>