Descubre qué botón de formulario activó el envío

Question

En mi formulario, tengo dos botones para enviar.

<input type="submit" name="save" value="Save as draft"/> 
<input type="submit" name="send" value="Start sending" /> 

Ahora, antes de enviar el formulario de vuelta al servidor, que desea llevar a cabo tareas específicas en función de lo que se hizo clic en el botón.

$('form').submit(function(){ 
    if submit equals save 
     task 1; 
    elseif submit equals send 
     task 2    
} 

¿Cómo verifico qué botón se presionó?

Answer 1

$(":submit").click(function() { 
    $("form").data("submit-button", this.name); 
}); 

$("form").submit(function() { 
    var button = $(this).data("submit-button"); 
    ... 
}); 

Agregue un controlador de clic en sus botones de envío que almacena el nombre. Luego extrae ese nombre en tu controlador de envío.

Answer 2

$('input').each(function(n) { 
    $(this).click(function() { 
    var name = $(this).attr('name'); 

    if (name === 'save') { 
     // do stuff 
    }else if (name === 'submit'){ 
     // do some other stuff 
    } 
    } 
}); 

por supuesto, también puede utilizar una declaración de interruptor.

Si el trabajo que se quiere realizar es compleja y diferente manera, usted debe considerar el uso de 2 formas diferentes

espero que esto responda a su pregunta

EDIT:

$('input:submit').click(function(n) { 
    var name = $(this).attr('name'); 
    if (name === 'save') { 
     // do stuff 
    }else if (name === 'submit'){ 
     // do some other stuff 
    } 
    } 
}); 

Answer 3

Si fuera yo, haría esto de una manera un poco diferente. Me gustaría hacer algo en la línea de -

<button type='button' id='formSave'>Save as draft</button> 
<button type='button' id='formSend'>Start Sending</button> 

$('#formSave').click(function(){ 
    //submit form 
    //task 1 
}); 

$('#formSend').click(function(){ 
    //submit form 
    //task 2 
}); 

Im sólo basando mi respuesta fuera de sus nombres de los botones y otras cosas, pero parece que usted quiere hacer algo simliar a esto.

Answer 4

sugiere emplear el enfoque de HurnsMobile, pero si es absolutamente necesario una función para manejar tanto los botones que puede utilizar el objeto de evento jQuery para detectar los botones,

$('form').submit(function(event){ 
    if(event.target.name == 'save') { 
     // do save task 
    } else if (event.target.name == 'send') { 
     // do send task 
    } 
});