最恶心的表单元素

最恶心的表单元素，直接导致表单的submit()函数失效。

昨天做个小项目，php写的。

不知怎的，写了一个奇怪的表单。当我做分页时，发现submit()函数不起作用啦。

最开始，以为是jquery的问题，换了好几个版本的js。问题照旧。

然后直接写js代码做表单提交。提示没有对应的submit方法。

最后细看表单元素，发现居然submit元素的名称也用submit关键字。玄机就在这里。马上把submit元素名称删掉。再次尝试表单提交，发现可以咯。

<input type="submit" name="submit" value="查询" />

分析：

在js中，可以通过表单名.元素名访问对应元素。如果表单中存在submit元素。那么，通过form.submit();不是触发表单的提交事件。而是直接访问表单的submit元素了。

结论：

在写表单时，千万要规避关键字，这是有道理的！

提示：

不过在上述不能提交表单时，发现可以直接调用form.submit.click();方法进行表单的提交。看来js的事件响应机制还是没有失去作用。提醒一定要使用关键字作为表单提交的情况们。可以使用这种方式进行表单提交啦。

举一反三：

对于某些特殊情况，要想让js的某个函数失效，可以使用这种方式，冲掉对应的函数。或者自定义一个submit()函数，返回为false即可。

js的基础还是不够扎实，对底层点的东西了解不够透彻！！