时间戳

首页 > 解决方案 > HTML-如何使用 sweetalert 提交表单

javascript - HTML-如何使用 sweetalert 提交表单

问题描述

有人知道如何使用 sweetalert 提交 html 表单吗？

我有这个复选框，我希望 onchange 将我“引导”到带有 2 个按钮的 sweetalert js。一种是“否”，一种是“是”。“是”按钮现在应该是新的“onchange”，并且使用“否”按钮应该取消提交。

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

希望你明白我的意思。:D

标签： javascriptphphtmlsweetalert

解决方案

这就是我通常会做的事情

$(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"

推荐阅读