在同一页面中处理多个表单
如果我在项目的某个页面中有这样的内容:
并且提交事件由以下代码处理:
$('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(); }); });