表单重置按钮与jquery重置冲突

Question

我遇到了一些奇怪的事情。我有以下表格：

<form id="addExpenseForm" name="addExpenseForm" data-bind="submit: addExpense">
    <input type="submit" value="Add" class="save" id="submit" name="submit" />
    <input type="reset" value="Reset" class="reset" id="reset" name="reset" />
</form>

如您所见，里面有一个reset按钮来清除所有的form。

我用Knockout.js来绑定form的submit，并以这样的方式绑定它.

self.addExpense = function (formElement) {
  $('#addExpenseForm')[0].reset();
};

一切似乎都很好，但我发现了这个错误：

Uncaught TypeError: Property 'reset' of object #<HTMLFormElement> is not a function 

我不知道为什么会这样，因为我的代码是正确的，奇怪的是，当删除reset按钮时，代码工作得很好。

我怎么才能解决这个问题？同时使用reset()方法和reset按钮是否存在冲突？

为了知道，我制作了这个jsfiddle来测试删除reset按钮并验证我在这里所要求的内容。

http://jsfiddle.net/oscarj24/vWNf7/

Answer 1

将重置按钮id属性从“重置”更改为“任何其他”。

有关为什么要接收错误的解释，请参见此处：https://stackoverflow.com/a/12541054/492325

Answer 2

尝尝这个

$('#resetBtn').on('click', function(e){
    e.preventDefault();
    $("#myform")[0].reset.click();
}