Usa Modal Bootstrap per confermare l'azione

Question

Ho un modulo che desidero inviare ma una volta che l'utente fa clic sul pulsante di invio mostrerà un modulo di avvio di twitter che consentirà al modulo di continuare a essere elaborato o annullato al modulo pagina. È possibile attivare la normale conferma di javascript nel modal 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

È possibile utilizzare il modal Bootstrap come conferma attivando un pulsante di collegamento/(vale a dire: 'btnYes') nella modale che viene utilizzato per innescare invio di form tramite jQuery ...

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

Ecco una demo di lavoro: http://bootply.com/88094

Answer 2

Aggiunta di un click ascoltatore a voi pulsante modale è corretto:

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

Per quanto ne so, $ ('form') restituisce un array. Anche $ ('form # myForm') restituisce e array.

Quindi,

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

dovrebbe funzionare.

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

è l'unico modo ho potuto farlo funzionare.