Как вы можете иметь один и тот же дескриптор формы на JavaScript несколько раз на одной странице?

Question

У меня есть галерея большого пальца, где я использую ajax / javascript, чтобы отправить форму для каждого изображения, чтобы сообщить о поврежденном изображении вместе с php. Форма и сценарий составляются таким образом, что сценарий находится в заголовке, а затем форма печатается несколько раз на одной странице со скрытым полем с другим идентификатором для значения на большой палец. Так что в основном это то, что у меня есть.

JavaScript в шапке

просто краткое представление о формах, которые у меня есть. Просто быстрая идея, а не то, что у меня есть на самом деле.

image1, за которым следует форма

image2, за которым следует форма

Таким образом, когда вы нажимаете кнопку, она в основном передает все формы одновременно. Я уверен, что это может быть исправлено с помощью (this) или чего-то подобного, поэтому он отправляет только одну форму за раз. Дайте мне знать, пожалуйста.

$ (function () {
$ (". submit"). click (function () {
var imgId = $ ("# imgId"). val ();
var dataString = 'imgId =' + imgId;
если (imgId == '') {
$ (». Успех) Затухание (200) .hide ();.
$ ( 'Ошибка') FadeIn (200) .show ();.
$ ( 'Ошибка') Затухание (200) .hide ();.
} Еще {
$ .Ajax ({
тип: "POST",
url: "inc / brokenImgReport.php",
data: dataString,
success: function () {
});

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

});

Answer 1

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

Каждая форма с классом your_class_if_needed будет иметь определенную вами функцию, связанную с ее submit методом. В рамках этой функции $(this) будет ссылаться на каждую конкретную форму, а не на все. Затем вы можете легко выбирать, обрабатывать и собирать поля формы и значения в контексте каждой формы и отправлять их с помощью $.ajax() или $.post().

Answer 2

на странице с несколькими формами. Вы можете ссылаться на отдельную форму в виде элемента массива формы [0], формы [1] и аналогично, по нажатию кнопки отправки. Вы можете сделать

формы [0] .submit

формы [1] .submit

и аналогично