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

【问题标题】：Confirmation window "Cancel" button not working确认窗口“取消”按钮不起作用
【发布时间】：2020-08-17 09:46:57
【问题描述】：

我正在构建我的第一个 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】：

为防止您的表单提交数据，请将type="submit" 替换为type="button"，并通过测试确认调用的返回值来替换您的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 和Document.querySelector() documentation。

【讨论】：

当我这样做时，我仍然会显示确认窗口，但现在确认和删除这两个按钮都不会删除数据......在删除数据之前，现在它们都不会删除数据。
我明白了。不得不改变： document.querySelector('#deleteFormId').submit();到 document.getElementById('deleteFormId').submit();感谢您的帮助！
很高兴它有帮助！对于未来的用户：我制作了这个 codePen codepen.io/redhax/pen/OJyOMZj 并作为 document.querySlector 的参考，请在 MDN 上查看：developer.mozilla.org/en-US/docs/Web/API/Document/querySelector

【解决方案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>

【讨论】：