HTML-как отправить форму с помощью sweetalert

кто-нибудь знает, как отправить форму в html с помощью sweetalert?

У меня есть этот флажок, и я хочу, чтобы onchange направлял меня к js sweetalert с 2 кнопками. Один с Нет и один с Да. Кнопка «Да» теперь должна быть новой при изменении, а кнопка «Нет» должна быть отменена.

<form method='post' action='....'>    
<input type="checkbox" name="checkbox_admin" onchange="submit();" checked>
</form>

Надеюсь, вы понимаете, что я имею в виду. :D


person SkullKid    schedule 06.10.2020    source источник


Ответы (1)


Вот как я обычно делаю

$(document).ready(function() {
    $('[data-click="swal-danger"]').click(function(e) {
                e.preventDefault();
                var form = $(this).parents('form');
                swal({
                  title: "Are You Sure?",
                  text: "Are You Sure You Want To Delete.",
                  icon: "error",
                  buttons: true,
                  dangerMode: true,
                })
                    .then((willDelete) => {
                      if (willDelete) {                         
                        swal(form.submit(), {
                          icon: "success",
                        });
                      } else {
                        
                      }
            });
      });
});

Используйте это при отправке формы через swal/Sweetalert

swal(form.submit()

Затем создайте кнопку отправки формы, но без типа отправки, как показано ниже.

<form method='post' action='....'>    
    <button class="btn btn-danger" data-click="swal-danger">DELETE USER</button>
</form>

Убедитесь, что на вашей кнопке есть это data-click="swal-danger"

person Deepesh Thapa    schedule 06.10.2020
comment
и как должен выглядеть html onchange? - person SkullKid; 12.10.2020