Sweetalert2会显示一秒钟，然后消失

Question

我有一个带有提交按钮的表格。该按钮具有以下内容：

<button type="submit" class="btn btn-primary btn-block" name='submit' \ 
onclick='return confirm(\"Are you sure? This operation cannot be undone!\")">Submit</button>

现在，我正在尝试将确认转换为sweetalert2。

我明白了

<script language="JavaScript">
function confirm(){
Swal.fire({
  title: 'Are you sure?',
  text: "This operation cannot be undone!",
  type: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Yes'
})
}
</script>

，并且“提交”按钮已更改为：

<button type="submit" class="btn btn-primary btn-block" name='submit' \ 
    onclick='confirm()'>Submit</button>

现在...有点用。弹出窗口显示一秒钟，然后页面刷新并消失。表格正在提交给自己。显然，我不希望这种情况发生。我希望它保留在屏幕上，一旦用户点击确认按钮，它就可以做任何需要做的事情。