表单项的name命名为submit、reset引起的问题

216 阅读 0 评论 143 点赞

我是靠谱客的博主朴实含羞草，最近开发中收集的这篇文章主要介绍表单项的name命名为submit、reset引起的问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

最近朋友使用了form的一个表单命名为关键词引起了无法reset和提交.原来是这个问题“调用document.forms[0].reset()报错？”，马上问他：“页面有表单吗？”，回答：“有”。“你alert一下document.forms[0]”，“弹出object”。那就怪了，form啥时候没有reset方法了？
过去看了一下，alert(document.forms[0].reset)发现弹出object这就不对对了，应该是弹出reset本地方法的。搜索一下reset发现原来的reset按钮name为reset，怪不得出错了，document.forms[0].reset指向的是那个reset按钮，而不是表单的reset接口。

把name="reset"去掉，一切OK！

其实当时还发现它的submit按钮的name是submit，估计调submit方法也会出错！
汗一下：不知道是软件生成还是他自己写上的，反正要注意千万不要用这些关键字命名了，很容易出现意外错误！