确认窗口"Cancel"按钮不起作用

Question

我正在构建我的第一个laravel项目，并试图为我的"删除"按钮创建一个确认窗口。问题是确认窗口会出现，但无论我按"确认"还是"取消"，它都会删除数据。你能帮我吗？

这是我的代码：

<a id="demo" href="{{route('viewfile2.delete2', $down->id)}}?{{time()}}">
<button type="submit" class="btn btn-primary" style="background-color:red;"onclick="myFunction()">
Delete
</button>
</a>



<script>
function myFunction(){
	return confirm('Are you sure?');
}
</script>

Answer 1

要防止表单提交数据，请将type="submit"替换为type="button"，并通过测试confirm调用的返回值来替换JavaScript代码，如果返回值为true，则以编程方式提交表单。

出于测试目的，我做了这个：

<form id="deleteFormId" action="http://yourwebsite.kom/doDelete/4598765">
<button type="button" onclick='myFunction()'>Delete</button>
</form>
</body>
</html>
<script>
function myFunc(){
if (window.confirm("Are You Sure ?")) { 
document.querySelector('#deleteFormId').submit();
}
}
</script>

请参阅Codepen示例和Document.querySelector((文档。

Answer 2

这和简单的一样多

<a href="{{route('viewfile2.delete2', $down->id)}}?{{time()">
<i class="far fa-trash-alt trash_color" onclick="return confirm('If you delete {{$down->id}} it will be permanently deletednAre you sure?')"></i>. 
</a>