HTML-如何使用 sweetalert 提交表单

Question

有人知道如何使用 sweetalert 提交 html 表单吗？我有这个复选框，我希望 onchange 将我“定向”到带有 2 个按钮的 sweetalert js。一种是“否”，另一种是“是”。“是”按钮现在应该是新的“onchange”，使用“否”按钮应该取消提交。<form method='post' action='....'>    <input type="checkbox" name="checkbox_admin" onchange="submit();" checked></form>希望你明白我的意思。:D

Answer 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"