javascript - JavaScript sweetAlert 弹出窗口会在一秒钟后自行关闭

Question

我有一个 SweetAlert 弹出窗口，但它会自动关闭。通常它应该一直保持到用户单击“确定”。（我已经包含并测试了所有 SweetAlert 文件。）

<button class="btn btn-success" type="submit" name="submit" onclick="myFunction()">Submit</button>

---

<script>
function myFunction() {
    swal("Submitted!", "Your Issue has been submitted!", "success");
}
</script>

Answer 1

看起来它是一个表单提交，所以当您单击按钮时，页面会刷新。这就是您看到警报一秒钟并隐藏的原因。

<button class="btn btn-success" type="submit" name="submit" onclick="myFunction()">Submit</button>

您必须将按钮类型更改为button。

   <button class="btn btn-success" type="button" onclick="myFunction()">Submit</button>

Answer 2

请注意，如果您的按钮是表单提交的一部分，那么问题 284表明它目前不受支持。您可以将按钮更改为常规按钮（而不是提交按钮），并以编程方式从 sweetalert 回调中的回调提交表单。

Answer 3

我有类似的问题..当在弹出窗口之外单击时，弹出窗口会自动关闭并非常快速地更改页面...

我尝试使用此代码停止关闭 sweetalert 本身，并在用户单击 sweetalert 窗口的“确定”时刷新页面。

HTML：

<form  method="post" action="contact.php" name="myform" onsubmit="return myFunction()">

<input type="text" class="form-control" name="full" placeholder="* Full Name" required="" >

<input type="text" class="form-control" name="last" placeholder="* Last Name" required="">

<input type="submit" value="send" name="sends" class="btn btn-lg">

</form>

javascript

<script type="text/javascript">
function myFunction() {
  var full=document.myform.full.value;
  var last=document.myform.last.value;
  if (full==null || last==null){
    swal("Error...!!!!!!");
    return false;
}else{
    swal("Congrats!", ", Your account is created!", "success");
    return true;}
}
</script>