在最近的开发过程中,我遇到了一个很奇怪的问题,就是在利用Javascript控制表单提交时,浏览器提示 document.genForm.submit is not a function。genForm是表单<form>的name,并且使用同样函数的另一个表单却执行正常,查找了半天也没有发现两个有什么 不同,后来在网上搜索了一番,结果找到了原因。
当表单<form>…</form>中含有name=”submit”时,提交时就会有冲突,这个错误常见于按钮上,如:
在Javascript做submit()的时候就会出现冲突,这时将name=”submit”改成别的比如login之类的就可以了,反正submit在这个情况下是个保留关键字。
而我并没有这样写,而是在表单的输入框中使用了<input name=”submit” type=”text” />,这样也是不行的。
所以在我们编写代码时,为了确保万无一失,变量和函数命名除了要回避系统和语言明确规定的保留关键字以外,还应该尽量避免使用那些如submit这 种HTML以及其他标记中的关键字,否则说不定在什么地方就会有冲突,查找起来也会很麻烦。业界广泛采用的办法就是骆驼式和前缀式,就是在变量名之前加上 自己姓名的首拼缩写,如bf_varname,以及使用变量名单词首字母大写等,尤其是在团队开发时,是很有必要的,不仅有助于程序员之间的理解,避免冲 突,还可以找到相关的负责人。
转载请注明:苏demo的别样人生 » document.form[0].submit is not a function