Jquery 提交表单前显示确认按钮

我的网页上有一个非常简单的表格。当按下按钮时，表单被提交，一些数据被发送到我的后端。为了处理请求并发送数据，我构建了一个函数

现在，在启动请求之前，我想显示一个简单的确认面板

以下是我尝试的，下面是处理表单提交的函数：

$(document).ready(function () {
  $("#settings").submit(function (event) {

      //This should be the confirm button
      $(document).ready(function() {
        swal({
            title: 'Submit your order',
            type: 'info',
            html:"Are you sure?",
            showCloseButton: false,
            showCancelButton: false,
            focusConfirm: false,
            confirmButtonText: 'Confirm',
            cancelButtonText: 'Go back',
        });
      })

      callAJAX(viewsurl,
       {"X-CSRFToken": getCookie("csrftoken") },
       parameters={'settings': $('#settings').val()},

      'post',
       function(data){

       }, null, null );
  return false; 
  });
});

因此，当行

callAJAX

启动时发送数据。在此之前，还有我的小组。点击表单按钮后，将显示面板，唯一的问题是，请求没有等待用户点击确认按钮，而是仍然发送，这意味着在面板关闭之前，我的代码不会停止；相反，如果未点击确认按钮，则不应发送请求。有办法解决这个问题吗？是否有以有效方式执行此任务的示例

相反，以下操作将起作用，并将暂停该功能，直到按下

OK

按钮：

$(document).ready(function () {
  $("#settings").submit(function (event) {

      alert('Are you sure?');

      //Here the request is sent
      callAJAX(viewsurl,
       {"X-CSRFToken": getCookie("csrftoken") },
       parameters={'settings': $('#settings').val()},

      'post',
       function(data){

       }, null, null );
  return false; 
  });
});

这可以帮助你

单击按钮以显示确认框

试试看

函数myFunction（）{
var-txt；
var r=确认（“按下按钮！”）；
如果（r==true）{
txt=“您按下了OK！”；
}否则{
txt=“您按了取消！”；
}
document.getElementById（“demo”）.innerHTML=txt；
}

为什么要在提交处理程序中使用

$（文档）。准备好了吗？什么是
swal（）
？您应该使用来决定是否触发网络请求。没有Sweet Alert的第二个示例应该使用而不是
Alert（）
。同样，您应该检查结果以决定是否触发您的网络请求。谢谢@Turnip有回调函数的例子吗？我似乎找不到它欢迎使用Stack Overflow，感谢您提交答案！为了帮助提高质量并确保答案的有用性，请您花些时间详细说明您的答案好吗？最初的问题是什么？你改变了什么？这是如何解决问题的？您可以在此处获得有关撰写答案的有用提示：