我有一个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>
看起来就像是一个表单提交,所以当你点击按钮的页面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>
请注意,如果你的按钮是表单的一部分提交,然后发出284表明它目前还不支持。 你可以改变你的按钮,一个普通按钮(而不是一个提交按钮)和编程方式从回调提交表单的sweetalert回调。
我有一个类似的问题..当点击弹出窗口的外面,在弹出的窗口会自动关闭,非常快速的改变页面...
我尝试了附近停靠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>