Как нажать на кнопку в форме через sweet alert

 <?php
if ($_POST['kkk']) {
echo 123; } ?>

<form action="" id="form" method="post">
        <input type="submit" name="kkk" onclick="myFunction()" value="power" />
   </form>
<script>
  function myFunction() {
  alert("Hello! I am an alert box!"); }
</script>

При использовании метода alert выскакивает окно подтверждения, жму в нем ок, после этого форма улетает и получаю ответ - 123. Нужно сделать тоже самое через sweet alert.

<?php
if ($_POST['kkk']) {
echo 123; } ?>
   <form action="" id="form" method="post">
    <input type="submit" name="kkk" onclick="myFunction()" value="power"/>
   </form>
<script>
     function myFunction() {
     Swal.fire(
    'Good job!',
    'You clicked the button!', ); 
        }
</script>

Тут sweetalert2. Страница сразу обновляется, без подтверждения по кнопке ок, ответ -123. Нужно что бы форма отправлялась после нажатия кнопки success .

Вот еще вариант, в нем все нажимается, страница обновляется, но ответа 123 нет, похоже что post от кнопки не пришел.

<?php
        if ($_POST['kkk']) {
        echo 123;
    }
    ?>
    <form id="form" action="" method="post">
        <input type="submit" name="kkk" value="power" />
    </form>
    <script>
    document.getElementById('form').addEventListener('submit', function(e) {
     var form = this;
     e.preventDefault(); // <--- prevent form from submitting
    swal({
      title: "Are you sure?",
      text: "bla bla bla",
      icon: "success",
      buttons: [
        'No, cancel it!',
        'Yes, I am sure!'
      ],
      dangerMode: true,
        }).then(function(isConfirm) {
      if (isConfirm) {
        swal({
          title: 'ok!',
          text: 'bla blab bla!',
          icon: 'success'
        }).then(function() {
          form.submit(); // <--- submit form programmatically
        });
      } else {
        swal("Cancelled", "error", "error");
      }
    })
});
        </script>

на bootstrap не совсем то, но как вариант...

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">

Запустить модальное окно
</button>
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
  <div class="modal-header">
    <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">
    ...
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
    <form action="" method="post">
<input class="btn btn-primary" type="submit" name="lol" value="ok" data-toggle="modal" data-target="#exampleModalCenter">
</form>
  </div>
</div>
  </div>
</div>
<?php   
if ($_POST['lol']) {
echo 123;} ?>