jQuery submit() no incluye el botón enviado

Question

Tengo un formulario que tiene varios elementos y dos botones de envío, uno es "Guardar" y el otro es "Eliminar". En el botón "Eliminar", estoy usando el cuadro de diálogo jQuery para confirmar que el usuario desea eliminar. Luego, si confirman, envío el formulario. El problema es que jQuery.submit() no incluye el botón de envío original cuando se publica, por lo que no puedo distinguir en el servidor un Eliminar de un Guardar ya que ambos usan el mismo formulario. Si elimino el cuadro de diálogo jQuery, el valor del botón de envío se publica como se espera. Esto TIENE que ser muy común y espero que alguien pueda compartir una solución. He buscado alrededor y no puedo encontrar nada útil (¿Soy yo o está chupando Google últimamente?)

Gracias por cualquier ayuda ...

EDIT:

El botones de envío tienen nombres y valores establecidos Funciona bien si no se usa jQuery.submit()

Answer 1

Basado en la respuesta de 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(); 
}); 

---

ACTUALIZACIÓN:

me he dado cuenta de que el código anterior no es probablemente lo que busca:

Si está c Alling presentar en el elemento de forma en sí misma ($("form").submit();) se necesita algo como esto:

$("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); 
    }); 
}); 

que se sumarán nombre y el valor del primero del elemento de botón al DOM justo antes de enviar el formulario (no estoy seguro cuál es el comportamiento predeterminado del navegador aquí). Tenga en cuenta que esto no elimina el tempElement del DOM. Si hay un error y el formulario no se envía, el elemento permanecerá y tendrá problemas si no se ocupa de esto.

Answer 2

Este tipo de cosas se puede resolver incorporando un parámetro de "acción" de alguna manera, que le dice al servidor cuál es el propósito del envío. Por ejemplo, suponiendo que el formulario se envía a través de 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

El presentar datos botón sólo se presenta si se hace clic en. Por lo tanto, tampoco estarías de suerte si alguien presionara Intro en lugar de hacer clic en el botón Enviar.

Recomiendo quitar el botón Eliminar del formulario, ya que probablemente no necesite la mayoría de la información del formulario (solo el ID del registro de datos que desea eliminar), cámbielo a un botón (con type="button") que envía un formulario diferente o, si puede, ponga un enlace allí. (Eso se vincula a una página de eliminación: esto es mejor por motivos de usabilidad de todos modos, porque elimina el foco de la opción de eliminar y reduce el riesgo de que los usuarios hagan clic accidentalmente en el botón Eliminar)