为什么使用javascript时此警报不起作用？

路易斯·费尔南多·巴德尔·门德斯

我在ASP.NET上工作，并且在视图上有这样的代码，如果我在功能之外使用了甜蜜警报，并且如果将甜蜜警报更改为常规警报，它也可以工作，但它没有就像下面的代码一样工作。（我在视图中也有带有库的脚本）

<input type="submit" value="Create" class="btn btn-default" onclick="return foo();" />

<script type="text/javascript">      
       function foo() {
       swal("Good job!", "You clicked the button!", "success")
       return true;
    }
</script>

epascarello

当您单击提交按钮时，它正在提交一个表单。

发出警报后，它将阻止浏览器，因此代码将一直等到您按下“确定”按钮，然后再提交表单。但是当您使用甜蜜警报时，您无法阻止浏览器操作。因此，您将必须取消点击并手动提交表单。

// called onclick of the submit button
function foo() {
  swal("foo")
    .then(function() {
      // manually submit the form
      document.getElementById("yourFormId").submit()
    });
  return false; // cancel the button click
}

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

<form id="yourFormId">

  <input type="submit" value="Create" class="btn btn-default" onclick="return foo();" />

</form>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。