Vérification de paramètre de soumission de formulaire jQuery

Question

Puis-je intercepter/interroger les valeurs de soumission de formulaire à l'aide de jQuery dans l'appel $('#formid').submit(function() { });? Je ne peux pas vérifier la valeur de la page car c'est le bouton de soumission particulier que je dois vérifier. J'ai trouvé cela http://geekswithblogs.net/renso/archive/2009/09/09/intercept-a-form-submit-with-jquery-and-prevent-or-allow.aspx et cela fonctionne en FF, mais pas en IE8, donc cela n'aide pas, malheureusement. Je ne veux pas non plus devoir attacher le code de soumission aux boutons comme j'espérais faire un morceau de code générique que je pourrais brancher dans un ensemble de formes.

Vive

MH

Answer 1

Les dernières jQuery 1.4 soutient « en direct » pour soumettre des événements maintenant - ce qui signifie que vous ne devez pas associer des gestionnaires individuels à toutes vos formes. Un bel exemple qui couvre ce que vous avez demandé est donné par Paul Irish ici:

http://jquery14.com/day-05/jquery-1-4-hawtness-1-with-paul-irish

Voici mon avis:

jQuery(document).ready(function() { 

    var pageForms = jQuery('form'); 

    pageForms.find('input[type="submit"]').live('click', function(event) { 
    var submitButton = this; 
    var parentForm = jQuery(jQuery(this).parents('form')[0]); 
    parentForm.data('submit-button',submitButton); 
    }); 

    pageForms.live('submit', function(event) { 

    // Prevent form-submission. You can do this conditionally later, of course 
    event.preventDefault(); 

    // The form that was submitted 
    var theForm = jQuery(this); 

    // Detect which submit button was pushed 
    var submitButton = theForm.data('submit-button'); 
    console.log('submitButton = ',submitButton.value); 

    }); 

}); 

HTML:

<form> 
    <input type="submit" value="submit form 1" /> 
</form> 

<form> 
    <input type="submit" value="submit form 2" /> 
    <input type="submit" value="submit form 3" /> 
</form> 

http://jsbin.com/equho3/6/edit

EDIT - Désolé, j'ai posté un exemple ici correspondait à celui de votre lien! J'ai maintenant fourni une solution multi-navigateur.