Cómo encontrar el botón de enviar en un formulario específico en jQuery

Question

Intento obtener el objeto jQuery de un botón de envío en un formulario específico (hay varios formularios en la misma página).

Logré obtener el elemento de formulario en sí. Se parece a esto:

var curForm = curElement.parents("form"); 

El elemento actual tiene el contexto HTMLInputElement. Las varias técnicas que intentó que el elemento según presentar de la forma:

var curSubmit = curForm.find("input[type='submit']"); 
var curSubmit = $(curForm).find("input[type='submit']");  
var curSubmit = curForm.find(":submit"); 
var curSubmit = $(curForm).find(":submit");  
var curSubmit = $(curSubmit, "input[type='submit']"); 

el resultado es siempre el mismo (y muy extraño). El resultado que obtengo es el mismo elemento que "curElement".

Entonces, ¿cómo puedo obtener el botón de enviar correcto?

Answer 1

El siguiente debería funcionar:

var submit = curElement.closest('form').find(':submit'); 

Answer 2

esto debería funcionar:

var curSubmit = $("input[type=submit]",curForm); 

EDIT: Nota' los desaparecidos en el selector

Answer 3

Por cierto: Última selector ve raro. Selecciona cada curSubmit (¿hm?) En cada etiqueta input[type=submit]. Puede ser que usted quiere decir var curSubmit = $("input[type=submit]", curForm);

Answer 4

Debido a que un HTML5 botón de enviar puede estar fuera de forma etiqueta http://www.w3.org/TR/html-markup/input.submit.html#input.submit.attrs.form, puede utilizar el siguiente código para encontrarlo:

$(curElement.closest('form').get(0).elements).filter(':submit') 

Answer 5

En caso de que quiera encontrar el botón de la presente Después de enviar el formulario, puede encontrar útil lo siguiente ... Lo utilizo para desactivar el botón Enviar después de que se envió el formulario para evitar varios clics.

$("form").submit(function() { 
    if ($(this).valid()) { // in case you have some validation 
    $(this).find(":submit").prop('disabled', true); 
    $("*").css("cursor", "wait"); // in case you want to show a waiting cursor after submit 
    } 
}); 

Answer 6

Esto funciona para mí:

var curSubmit = $("input[type=submit]",this); 

donde esto significa forma actual presentó

por ej. para obtener el nombre del botón enviado y todas las entradas enviadas

$("form").on("submit", function(event) { 
    event.preventDefault(); 
    var data = $(this).serialize(); //all input variables 
    console.log(data); //print data in console 
    var submit = $("input[type=submit]",this).attr('name'); 
    alert(submit); // name of submit button 
});