JavaScript的sweetAlert弹出一个快捷秒钟后自行关闭(JavaScript swee

2019-10-22 10:10发布

我有一个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:

请注意,如果你的按钮是表单的一部分提交,然后发出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 popup closes itself after a quick second