Xác nhận việc gửi biểu mẫu bằng cách sử dụng bootbox.confirm()

Question

Tôi có biểu mẫu và muốn chặn gửi biểu mẫu để hiển thị hộp thoại xác nhận bằng cách sử dụng bootbox.

1. dùng nhập vào một số dữ liệu
2. hits tài khoản nộp
3. Một hộp thoại xác nhận được hiển thị

Nếu người dùng chạm OK, sau đó các hình thức phải nộp, nếu không muốn nói nó chỉ nên ở trên trang.

Tôi cố gắng này:

$('#myForm').submit(function() { 
    return bootbox.confirm("Are you sure?"); 
}); 

Tuy nhiên, bootbox.confirm() ngay lập tức trở lại, hộp thoại xác nhận đang ẩn nữa.

Sau đó, tôi nhận thấy rằng có thông số gọi lại trên bootbox.confirm(). Tuy nhiên, nếu tôi gọi $('#myForm').submit() từ cuộc gọi lại, điều này rõ ràng sẽ chỉ hiển thị lại hộp thoại xác nhận.

Vì vậy, cách thích hợp để xác nhận việc gửi biểu mẫu là gì?

Answer 1

Tôi chỉ có làm việc này bằng cách ngăn chặn các hành vi hình thức mặc định, đây là giải pháp dưới đây. Tôi đang sử dụng tính năng này trong danh sách biểu mẫu, mỗi biểu mẫu có nút gửi xóa và hoạt động tốt.

<script type="text/javascript"> 
    $('form').submit(function(e) { 
     var currentForm = this; 
     e.preventDefault(); 
     bootbox.confirm("Are you sure?", function(result) { 
      if (result) { 
       currentForm.submit(); 
      } 
     }); 
    }); 
</script> 

Answer 2

Như mọi khi: Ngay sau khi bạn đặt câu hỏi, bạn tự tìm câu trả lời :-). Xem câu trả lời này: https://stackoverflow.com/a/2420806/219187 (cũng lưu ý nhận xét trong câu trả lời).

Thích nghi với vấn đề của tôi, giải pháp trông như sau:

$('#myForm').submit(function() { 
    var currentForm = this; 
    bootbox.confirm("Are you sure?", function(result) { 
     if (result) { 
      currentForm.submit(); 
     } 
    }); 
}); 

Answer 3

Mã này hoạt động hoàn hảo đối với tôi ...

<script type="text/javascript"> 
$('#myForm').click(function(e) { 
    e.preventDefault(); 
    var msg = 'Souhaitez vous vraiment supprimer ce produit ?'; 
    bootbox.confirm(msg, function(result) { 
     if (result) { 
      $('#myForm').submit(); 
     } 
    }); 
}); 
</script> 

Answer 4

Giải pháp của tôi

@Html.ActionLink("Delete", "DeleteReport", new { id = item.Id }, new { @class = "btn btn-danger", onclick = String.Format("return ASE.ConfirmAction(this.href, 'Delete {0}?');", item.Name) }) 

var ASE = { 
    ConfirmAction: function (href, text) { 
     bootbox.confirm(text, function (result) { 
      if (result) 
       window.location = href; 
     }); 

     return false; 
    } 
}