2

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>
4

3 に答える 3

7

フォーム送信のように見えるので、ボタンをクリックするとページが更新されます。そのため、アラートが一瞬表示されて非表示になります。

<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>
于 2015-03-31T01:36:10.770 に答える
0

ボタンがフォーム送信の一部である場合、問題 284は現在サポートされていないことを示唆していることに注意してください。ボタンを (送信ボタンではなく) 通常のボタンに変更し、sweetalert コールバックのコールバックからプログラムでフォームを送信できます。

于 2015-03-31T01:44:49.347 に答える
0

同様の問題があります.ポップアップの外側をクリックすると、ポップアップウィンドウが自動的に閉じ、ページが非常に速く変更されます...

sweetalert自体を閉じて、ユーザーがsweetalertウィンドウの「OK」をクリックしたときにページを更新するために、このコードを試しました。

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>
于 2019-09-14T16:04:36.253 に答える