Eylemi onaylamak için Bootstrap Modal kullanın

Question

Göndermek istediğim bir formum var ancak kullanıcı gönder düğmesini tıklattığında, formun işlenmesini veya iptal edilmesini sağlayan bir twitter bootstrap yöntemi gösterecektir. sayfa. Düzenli javascript onayını bootstrap modalına çevirmek mümkün mü?

<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

Bir bağlantı/düğmesini etkinleştirerek bir onayla olarak Bootstrap modal kullanabilirsiniz (yani: 'btnYes') jQuery ile form gönderme tetiklemek için kullanılan modal ...

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

İşte

bir çalışma demo: http://bootply.com/88094

Answer 2

size modal butonuna bir tık dinleyici ekleme doğrudur:

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

Anlatabildiğim kadarıyla, $ ('form') bir dizi döndürür. Hatta $ ('form # myForm') döner ve dizi.

Yani

,

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

çalışmalıdır.

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

Ben o iş yapmak tek yolu var.