javascript - 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>

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

标签： javascriptphpsweetalert2