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

请注意，如果您的按钮是表单提交的一部分，那么issue 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>

JavaScript sweetAlert弹出窗口快速关闭后自动关闭

3 个答案: