Comment vérifier avec jQuery si un formulaire est soumis?

J'ai une page avec beaucoup de formes, et l'utilisateur va choisir quelque chose sur cette page. Lorsque l'utilisateur n', j'ai besoin de placer cet élément quelque part d'autre, un peu comme un panier vraiment. Mais je n'arrive pas à obtenir plus que le premier formulaire de la page fonctionne comme prévu.
J'ai essayé plusieurs choses:

  1. Donner toutes les formes de la même ID, qui a causé la première forme d'agir comme je le voulais, me donner les données de ce formulaire.
  2. Leur donner à tous le même ID de nouveau, cette fois en ajoutant un identificateur unique à l'ID, mais bien sûr, mon jQuery $('#something') ne l'attrape pas, car il ne correspond pas.

Donc, je pense à comment je pourrais aller à ce sujet. J'ai besoin de seulement recevoir les données à partir de l'soumises par le formulaire sur la page. Et comme mentionné, j'ai pu leur donner à tous un préfixe d'une certaine sorte, comme je l'ai maintenant, mais alors je ne sais pas comment faire pour le match.

Aide serait grandement appriciated!

Un peu de code sur demande (seulement un exemple pour montrer ce que je veux dire, bien sûr):

Le code HTML:

<form id="something-0"><input type="hidden" value="0"><input type="submit"></form>
<form id="something-1"><input type="hidden" value="1"><input type="submit"></form>

Le jQuery:

$("#something-%").submit(function(e) {
e.preventDefault();
$("#some-span").html(data);
});

Je veux le #quelque chose-% à accepter tout ce qui vient après le "-", j'espère que vous comprenez.

source d'informationauteur Lozzano

  1. 25

    Comme une réponse générale, pour classer un groupe d'éléments, l'utilisation de la class attribut, donnant à chaque élément du même nom de la classe. Vous pouvez ensuite sélectionner les éléments de cette catégorie. Un élément peut avoir plus d'une classe.

    $(".something");

    Si vous devez utiliser l'id, vous pouvez utiliser un sélecteur d'attributs:

    $("[id^='something']");  //all elements with an id beginning with 'something'
$("[id$='something']");  //all elements with an id ending with 'something'

    Pour cette question en particulier, puisque vous voulez agir sur un formulaire dans la page, le plus simple choix serait d'utiliser le nom de l'élément sélecteur:

    $("form");

    Quel que soit le sélecteur, vous pouvez identifier le formulaire a été soumis par le référencement this dans le submit() gestionnaire:

    $("form").submit(function (e) {
    e.preventDefault();
    var formId = this.id;  //"this" is a reference to the submitted form
});
  2. 6

    Vous pouvez prendre toutes les formes, en utilisant le sélecteur "forme", par exemple

    $("form").submit(function() {
  var theForm = $(this);
  var formID = theForm.attr("id");
  //do something
});