jQuery submit() non include il pulsante inviato

Question

Ho un modulo con diversi elementi e due pulsanti di invio, uno è "Salva", l'altro è "Elimina". Sul pulsante "Elimina" sto usando la finestra di dialogo jQuery per confermare che l'utente vuole eliminare. Quindi se confermano, invio il modulo. Il problema è jQuery.submit() non include il pulsante di invio originale quando viene pubblicato, quindi non posso distinguere sul server un Elimina da un salvataggio poiché entrambi utilizzano lo stesso modulo. Se rimuovo la finestra di dialogo jQuery, il valore del pulsante di invio viene pubblicato come previsto. Questo deve essere molto comune e spero che qualcuno possa condividere una soluzione. Ho cercato in giro e non riesco a trovare nulla di utile (è solo a me o è Google succhiando ultimamente?)

Grazie per qualsiasi aiuto ...

EDIT:

L'presentare pulsanti avere nomi e valori impostati. Funziona bene se non usi jQuery.submit()

Answer 1

In base alla risposta di karim79:

$("input[type=submit], input[type=button], button").click(function(e) { 
    var self= $(this), 
     form = self.closest(form), 
     tempElement = $("<input type='hidden'/>"); 

    // clone the important parts of the button used to submit the form. 
    tempElement 
     .attr("name", this.name) 
     .val(self.val()) 
     .appendTo(form); 

    // boom shakalaka! 
    form.submit(); 

    // we don't want our temp element cluttering up the DOM, do we? 
    tempElement.remove(); 

    // prevent default since we are already submitting the button's form. 
    e.preventDefault(); 
}); 

---

UPDATE:

ho appena realizzato il codice di cui sopra non è probabilmente quello che stai cercando:

Se siete c Alling presentare sull'elemento form stesso ($("form").submit();) avrete bisogno di qualcosa di simile:

$("form").submit(function(){ 
    var form = $(this); 
    $("input[type=submit], input[type=button], button", form).eq(0).each(function(){ 
     var self= $(this), 
      tempElement = $("<input type='hidden'/>"); 

     // clone the important parts of the button used to submit the form. 
     tempElement 
      .attr("name", this.name) 
      .val(self.val()) 
      .appendTo(form); 
    }); 
}); 

che aggiungerà nome e il valore del primo elemento pulsante per il DOM destra prima il modulo viene inviato (non sono sicuro di ciò che è il comportamento predefinito del browser qui). Si noti che ciò non rimuove il tempElement dal DOM. Se c'è un errore e il modulo non viene inviato, l'elemento rimarrà e avrai problemi se non ti prendi cura di questo.

Answer 2

Questo genere di cose può essere risolto incorporando un parametro 'azione' in qualche modo, che indica al server qual è lo scopo della sottomissione. Per esempio, supponendo che il modulo viene inviato tramite GET:

$("form :input").click(function() { 
    var $form = $(this).closest("form"); 
    var submitTo = $form.attr("action") + '?action=' + $(this).val(); 
    alert(submitTo); 
    // window.location.href = submitTo; 
    return false; 
}); 

http://jsfiddle.net/karim79/JT3GV/5/

Answer 3

Il inviare i dati tasto viene inviato solo se viene cliccato. Quindi non saresti più fortunato se qualcuno avesse premuto invio invece di cliccare sul pulsante di invio.

Si consiglia vivamente di rimuovere il pulsante di cancellazione dal modulo, in quanto probabilmente non servirà comunque la maggior parte delle informazioni del modulo (solo l'ID del record di dati che si desidera eliminare), modificarlo in un pulsante (con type="button") che invia un modulo diverso o, se è possibile, inserire un collegamento lì. (Questo si collega a una pagina di eliminazione, perché rimuove l'attenzione dall'opzione di eliminazione e riduce il rischio che gli utenti accidentalmente facciano clic sul pulsante Elimina.)