确认窗口的“取消”按钮不起作用

问题描述 投票:0回答:1

我正在建立我的第一个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>
laravel button alert confirmation cancel-button
1个回答
1
投票

[为防止您的表单提交数据,请用type =“ button”替换type =“ submit”,并通过测试确认调用的返回值来替换您的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>
© www.soinside.com 2019 - 2024. All rights reserved.