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

Question

我有一个 SweetAlert 弹出窗口，但它会自动关闭。通常它应该一直保留到用户单击 'OK'。（我已经包含并测试了所有 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

看起来像是一个表单提交，所以当您单击按钮时，页面 refreshes.That 就是您看到警报一秒钟然后隐藏的原因。

<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

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

Answer 3

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

我尝试使用此代码停止关闭 sweetalert 本身，并在用户单击 sweetalert "OK" 时刷新页面 window。

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>

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

JavaScript sweetAlert popup closes itself after a quick second

javascript

sweetalert