无法重置表单

时间:2011-05-04 14:02:54

标签: jquery forms plugins

我正在尝试重置我的表单。我的重置按钮由于某种原因不起作用:

<input id="btn_clearForm" type="reset" name="clearForm" value="Clear" />

所以我创建了这个函数来完成工作:

jQuery('.clearButton').live('click',function () {
  clearForm(jQuery('#brand_data_form')); 
});

function clearForm(form) {
  jQuery(':input[type=text], :input[type=textarea]', form).val('');
  jQuery(':input[type=checkbox]', form).attr('checked', false);
  jQuery('select', form).attr('selectedIndex', -1);
  alert('test'); // <- At this point, the form is cleared
}

问题是在clearForm函数运行后,数据会被放回到表单中。

我添加了alert,以便我可以监控清算,并重置每个表单字段。但是当它完成时,它会再次填充。

我不明白这里有什么不对。

1 个答案:

答案 0 :(得分:1)

“重置”按钮会将表单重置为初始值。你正在寻找'清除'形式,这有点不同。由于您将“清除”功能附加到“重置”按钮,这两个功能似乎是冲突的。我将你的输入更改为输入按钮,这应该清除它(没有双关语)。

<input id="btn_clearForm" type="button" name="clearForm" value="Clear" />