如何在同一页面上多次使用javascript获得相同的表单句柄?

如何在同一页面上多次使用javascript获得相同的表单句柄?,javascript,jquery,ajax,Javascript,Jquery,Ajax,我有一个thumb gallery,在这里我使用ajax/javascript为每个图像提交一个表单,以报告与php一起无缝中断的图像。表单和脚本是模板化的,因此脚本位于页眉中,然后表单在同一页上打印多次,并带有一个隐藏字段,每个thumb的值具有不同的id。基本上这就是我所拥有的 标题中的javascript 我只是简单了解一下我的表格。只是一个简单的想法,不是我真正拥有的 图1后面跟着表格 图2后面跟着表格 因此,当你点击按钮时,它基本上同时提交所有表单。我相信它可以用一个this或类似的东

我有一个thumb gallery,在这里我使用ajax/javascript为每个图像提交一个表单,以报告与php一起无缝中断的图像。表单和脚本是模板化的,因此脚本位于页眉中,然后表单在同一页上打印多次,并带有一个隐藏字段,每个thumb的值具有不同的id。基本上这就是我所拥有的

标题中的javascript

我只是简单了解一下我的表格。只是一个简单的想法,不是我真正拥有的

图1后面跟着表格

图2后面跟着表格

因此,当你点击按钮时,它基本上同时提交所有表单。我相信它可以用一个this或类似的东西来修复,所以它一次只提交一个表单。请告诉我

$function{ $.submit.clickfunction{ var imgId=$imgId.val; var dataString='imgId='+imgId; ifimgId=={ $'.success'.fadeOut200.hide; $'.error'.fadeIn200.show; $'.error'.fadeOut200.hide; }否则{ $.ajax{ 类型:POST,, url:inc/brokenImgReport.php, 数据:dataString, 成功:功能{ })

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

};

在具有多个表单的页面中。您可以将单个表单引用为数组元素forms[0]、forms[1],同样,单击submit按钮。您可以

    $('.error').fadeOut(200).hide();  
    $('.success').fadeIn(200).show();  
    setTimeout(function() {  
        $('.success').fadeOut(200); }, 2000);  
    }  
    return false;  
});  
表单[0]。是否提交

表格[1]。提交

同样地

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

如果需要,每个带有类的表单都会将您定义的函数附加到其提交方法中。在该函数中,$将引用每个特定表单,而不是所有表单。然后,您可以在每个表单的上下文中轻松选择、处理和组装表单字段和值,并使用$.ajax或$.post提交它们。

你可以看到上面我有$function{$.submit.clickfunction{所以我使用类作为按钮。我对javascript一无所知,所以我仍然不知道如何让它工作。我的拇指是通过php动态创建的,范围从12到数千个图像,所以我需要javascript在每个表单上工作。有多少个表单,就有多少个图像。forms函数将图像标记为bad数据库中的图像。我会将准确的html添加到原始帖子中,希望能为您提供更多帮助。我建议您覆盖每个表单本身的提交方法,而不是将行为附加到提交按钮的单击事件。没关系,我想我无法更改它,因为其中包含URL。