确认 window "Cancel" 按钮不起作用

Question

我正在构建我的第一个 laravel 项目，我正在尝试确认 window 我的 "Delete" 按钮。问题是确认 window 出现了，但是无论我按 "confirm" 还是 "cancel" 它都会删除数据。你能帮帮我吗？

这是我的代码：

<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" 并通过测试确认调用的 return 值来替换您的 JavaScript 代码（如果为真）然后以编程方式提交您的表单。

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

    <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 example and Document.querySelector() documentation。

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 deleted\nAre you sure?')"></i>. 
</a>

确认 window "Cancel" 按钮不起作用

Confirmation window "Cancel" button not working

laravel

button

alert

confirmation

cancel-button