• document.form.submit() is not a function

    普通类
    • 支持
    • 批判
    • 提问
    • 解释
    • 补充
    • 删除
    • 问题描述

    在最近的开发过程中,我遇到了一个很奇怪的问题,就是在利用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,以及使用变量名单词首字母大写等,尤其是在团队开发时,是很有必要的,不仅有助于程序员之间的理解,避免冲突,还可以找到相关的负责人。

    • 标签:
    • 就会
    • 使用
    • form
    • submit
    • 冲突
    • 保留
    • document
    • 关键字
    • 变量名
    • 表单
    • 避免
  • 加入的知识群:
    学习元评论 (0条)

    评论为空
    聪明如你,不妨在这 发表你的看法与心得 ~



    登录之后可以发表学习元评论
      
暂无内容~~
顶部