Form重置表单reset is not a function脚本出错

最近在关闭页面的回调函数中要对一个表单信息进行reset（重置）

不管是dom ：document.getElementById('id').reset()，

还是使用jq：$('#id')[0].reset()，

前端浏览器调试都会打印“...reset is not a function”错误

抓狂一段时间后，我决定静下来看看代码，

仔细查看html发现了表单中有个button

 <button id="reset" type="reset" name="reset" >重置</button>

　　

问题就在于id="reset"和name="reset"，这里的reset属性覆盖了原来的reset方法，自然无法调用并提示is not a function，

解决的办法也很简单，避免用reset关键词来命名重置按钮的name和id属性。比如下面的命名方式则比较保险：

<botton  id="ResetButton" type="reset" name="ResetButton" >重置</button>