Sử dụng Bootstrap Modal để xác nhận hành động

Question

Tôi có một biểu mẫu mà tôi muốn gửi nhưng khi người dùng nhấp vào nút gửi, nó sẽ hiển thị phương thức khởi động twitter, hoặc sẽ cho phép biểu mẫu tiếp tục được xử lý hoặc hủy bỏ trở lại biểu mẫu trang. Có thể biến javascript thường xuyên xác nhận thành các phương thức bootstrap?

<form action="http://localhost.testing/modal-processing.php" class="form-horizontal" role="form" method="GET"> 
    <label>Landlord<span class="mandatory">*</span></label> 
    <select class="form-control input-sm chosen chzn-select" tabindex="1" data-placeholder="Choose a landlord" data-rule-required="true" name="landlord_id" id="landlord_id"> 
     <option value=""></option> 
     <option value="31" >Liam Lawlor</option> 
     <option value="34" >Damian Lavelle</option> 
     <option value="35" >Mick Lally</option> 
     <option value="36" >Joanne Lavelle</option> 
     <option value="37" >Liam Lacey</option> 
     <option value="38" >Laura Luney</option> 
     <option value="39" >Lenihan Enterprises</option> 
    </select> 

    <!-- modal caller --> 
    <a href="#modal-dialog" class="modal-toggle" data-toggle="modal" data-href="http://localhost.testing/modal-processing.php" data-modal-type="confirm" data-modal-title="Delete Property" data-modal-text="Are you sure you want to delete {$property.address_string}?" data-modal-confirm-url="{$base_url}residential-lettings/properties/do-delete/property/{$property.id}"><i class="icon-trash"></i> Modal Submit</a> 

    <!-- proper submit --> 
    <input type="submit"> 
</form> 

Answer 1

Bạn có thể sử dụng phương thức Bootstrap như một xác nhận bằng cách cho phép một liên kết/nút (ví dụ: 'btnYes') trong phương thức được sử dụng để kích hoạt trình biểu mẫu qua jQuery ...

$('#btnYes').click(function() { 
    // handle form processing here 
    $('form').submit(); 
}); 

đây là một bản demo làm việc: http://bootply.com/88094

Answer 2

Thêm một người biết lắng nghe nhấp chuột để bạn nút modal là đúng:

$('#myModalButton').click(function(){ 
    //submit form 
    // $('#myForm').submit(); // not working for me 
    // $('#myForm')[0].submit(); //works, but is ugly 
    $('#myForm').trigger('submit'); //works great 
}); 

Theo như tôi có thể nói, $ ('form') trả về một mảng. Ngay cả $ ('form # myForm') trả về và mảng.

Vì vậy,

$('form')[0].submit(); 

nên làm việc.

$('#myForm').trigger('submit'); 

Là cách duy nhất tôi có thể làm cho nó hoạt động.