那些年我们踩过的坑之表单reset

我今天就踩了一个比较坑的坑，好在花了几分钟就跳出来了。事情是这样的：

今天在做一个新增自定义假期的功能，用到了表单。页面上有个新增按钮，点击弹出一个层，里面就是表单，用的是ajax提交。当用户点击取消时（顺便吐槽一下，保存和取消按钮设计得实在是太丑了），清空表单数据，弹出层消失；当用户点击保存时，确认保存成功后，弹出层消失，清空表单数据。于是我把取消按钮做为reset按钮，大概代码是这样的：

当用户点击新增按钮时，将上一次新增时填的数据清空，表单重置

这个时候浏览器报错了:

$("#addHolidayForm").attr("name")，得到“addHoliday”，dom选中了，可是问题出在哪？为了找出原因，我又用原生js试了一次

一样报错：

取消按钮的name值为reset，而表单重置方法也是reset，表单可以通过form.name来获取对应的表单元素，于是问题来了：学挖掘机……额，于是问题出来了，很明显，从上面的结果可以看出来，document.addHoliday.reset得到的是name值为reset的input元素而非reset方法，自然就not a function。

by：?from：http://www.cnblogs.com/wangmeijian/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!