在 Laravel 的表单模式下给 Delete 按钮添加一个确认按钮,可以通过以下步骤实现:
<form>
标签包裹的部分。<button>
标签或者 <input type="button">
标签来创建。下面是一个示例代码:
<form action="/delete" method="POST">
<!-- 其他表单字段 -->
{{ csrf_field() }}
<button type="button" id="confirmDelete">Delete</button>
</form>
<script>
document.getElementById("confirmDelete").addEventListener("click", function() {
if (confirm("确定要删除吗?")) {
// 用户点击确认,提交表单
this.parentNode.submit();
} else {
// 用户点击取消,不执行任何操作
}
});
</script>
在这个示例中,我们使用了一个 <button>
标签来创建确认按钮,并给它添加了一个点击事件。在点击事件中,使用 confirm()
函数弹出一个确认框,询问用户是否确定执行删除操作。如果用户点击确认,通过 this.parentNode.submit()
来提交表单,实现删除操作。如果用户点击取消,不执行任何操作。
请注意,示例中的表单提交地址为 /delete
,你需要根据实际情况修改为你的删除操作的路由地址。另外,为了保证安全性,表单中使用了 Laravel 的 CSRF 保护,通过 {{ csrf_field() }}
添加了一个隐藏的 CSRF 令牌字段,确保请求的合法性。
推荐的腾讯云相关产品:腾讯云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云