Jquery Formulaires multiples et plugin de formulaire

Question

J'ai un html comme ci-dessous où il y a plusieurs formes. Je génère cela en utilisant JSTL de sorte que le nombre peut varier en fonction de ce qui est inscrit dans ma base de données Chaque formulaire a son propre bouton de soumission.

Fondamentalement, je voulais utiliser le bouton ajax Form Formins ajouter mais je ne sais pas comment faire référence au formulaire.

<form id="form-1" action="approve.htm"> 
    <textarea name="comment"> </textarea> 
    <input type="submit" value="Add Comment" /> 
</form> 
<form id="form-2" action="approve.htm"> 
    <textarea name="comment"> </textarea> 
    <input type="submit" value="Add Comment" /> 
</form> 
. 
. 
. 
<form id="form-10" action="approve.htm"> 
    <textarea name="comment"> </textarea> 
    <input type="submit" value="Add Comment" /> 
</form> 

Mon problème est comment puis-je savoir quel id formulaire est soumis s'en utilisant Jquery

Je ne sais pas quelle forme nom je vais mettre dans l'appel à la forme ajax.

$ ('#form-name?').ajaxForm();

Toutes les idées vous plaît? Merci.

Answer 1

Par défaut, il soumettra le formulaire actuel, par ex. celui que vous avez cliqué sur « Ajouter un commentaire », donc il suffit de les sélectionner par nom de tag:

$('form').ajaxForm(); 

Sinon (surtout s'il y a autres formulaires sur la page), leur donner une classe, par exemple:

<form id="form-1" class="commentForm" action="approve.htm"> 

et sélectionnez par classe:

$('form.commentForm').ajaxForm(); 

Il est important de garder à l'esprit que .ajaxForm() ne le fait pas envoyer le <form> il prépare il. Vous ne faites que sélectionner des formulaires et les préparer ... ils sont tous soumis individuellement. Donc tout ce que vous devez faire ici est d'utiliser un sélecteur qui sélectionne uniquement les formes que vous voulez préparer à soumettre via AJAX.