comment pouvez-vous avoir la même forme gérer par javascript plusieurs fois sur la même page?

Question

J'ai une galerie de pouce où j'utilise ajax/javascript pour soumettre un formulaire par image pour signaler l'image brisée de façon transparente avec php. Le formulaire et le script sont basés sur des modèles de sorte que le script se trouve dans l'en-tête, puis le formulaire est imprimé plusieurs fois sur la même page avec un champ masqué avec un ID différent pour la valeur par pouce. Donc, fondamentalement, c'est ce que j'ai.

javascript tête

juste une idée rapide des formes que j'ai. Juste une idée rapide pas ce que j'ai réellement.

image1 suivi de la forme

image2 suivi de la forme

Ainsi, lorsque vous appuyez sur le bouton, il soumet essentiellement toutes les formes en même temps. Je suis sûr qu'il peut être résolu avec un (ceci) ou quelque chose comme ça, donc il ne soumet qu'une seule forme à la fois. Fais-moi savoir s'il te plaît. "Présenter "

$ (function() {
$() CLICK (function() {
var imgId = $ (" # imgId") val().
var datastring = « imgId = '+ imgId;
if (imgId ==' ') {
$ ('. succès ') fadeOut (200) .hide(). ('. erreur ')
$ fadeIn (200).. show();
$ ('erreur') fadeOut (200) .hide().
} else {
.ajax $ ({
ty pe: "POST",
url: "inc/brokenImgReport.php",
données: datastring,
succès: function() {
});

$('.error').fadeOut(200).hide(); 
    $('.success').fadeIn(200).show(); 
    setTimeout(function() { 
     $('.success').fadeOut(200); }, 2000); 
    } 
    return false; 
}); 

});

Answer 1

dans une page avec plusieurs formes. Vous pouvez référencer un formulaire individuel sous la forme d'un élément de tableau [0], d'un formulaire [1] et de la même manière, en cliquant sur le bouton Soumettre. vous pouvez faire

formes [0] .submit

formes [1] .submit

et également

Answer 2

$(document).ready(function(){ 
    $('form.your_class_if_needed').submit(function(){ 
     do_your_stuff_here() 
    }) 
}) 

Toute forme avec classe your_class_if_needed aura la fonction que vous définissez attaché à son submit méthode. Dans cette fonction, $(this) se référera à chaque formulaire spécifique - pas tous. Vous pouvez ensuite facilement sélectionner, traiter et assembler vos champs et valeurs de formulaire dans le contexte de chaque formulaire et les soumettre avec $.ajax() ou $.post().