Come trovare il pulsante di invio in un modulo specifico in jQuery

Question

Cerco di ottenere l'oggetto jQuery di un pulsante di invio in un modulo specifico (ci sono diversi moduli nella stessa pagina).

Sono riuscito a ottenere l'elemento del modulo stesso. Assomiglia a questo:

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

L'elemento corrente ha il contesto HTMLInputElement. Le diverse tecniche Ho cercato di ottenere l'elemento secondo inviare della 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']"); 

il risultato è sempre lo stesso (e molto strano). Il risultato che ottengo è lo stesso elemento di "curElement".

Quindi, come posso ottenere il pulsante di invio corretto?

Answer 1

Il seguente dovrebbe funzionare:

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

Answer 2

questo dovrebbe funzionare:

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

EDIT: Nota dispersi ' nel selettore

Answer 3

BTW: Ultimo selettore sembra strano. Seleziona ogni curSubmit (hm?) In ogni tag input[type=submit]. Può essere che si intende var curSubmit = $("input[type=submit]", curForm);

Answer 4

Perché pulsante una HTML5 presentare può essere fuori forma tag http://www.w3.org/TR/html-markup/input.submit.html#input.submit.attrs.form, è possibile utilizzare il seguente codice per trovarlo:

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

Answer 5

Nel caso in cui si desidera trovare il pulsante del submit modulo dopo che è stato inviato, è possibile trovare il seguente utile ... Io lo uso per disattivare il pulsante di invio dopo che il modulo è stato inviato per evitare più clic.

$("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

Questo funziona per me:

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

dove questo significa forma attuale presentato

ad es. per ottenere il nome del pulsante inviato e tutti gli input inviati

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