在同一页面中处理多个表单

如果我在项目的某个页面中有这样的内容:

  
...

并且提交事件由以下代码处理:

 $('form.form').ajaxForm(function(data) { if(data == '') $('#yes').css('display', 'block'); else $('#not').css('display', 'block'); $('<>').each(function(){ this.reset(); }); }); 

任何人都知道如果我只想重置我提交的表单中的字段应该是什么值,我可以在div.dialog一个具有相同类的新表单?

如果我使用form.form两个表单都会被form.form ,如果我使用this ,我会收到错误。 有什么想法解决这个问题?

每当您不确定对插件中元素的访问时,您总是可以在each循环中单独初始化它们。

each this将是元素实例,您可以将其存储为变量以传递到插件中。

 $('form.form').each(function () { /* assign "this" to variable that can be used inside plugin */ var form = this; $(form).ajaxForm(function (data) { if (data == '') { $('#yes').css('display', 'block'); } else { $('#not').css('display', 'block'); } form.reset(); }); });