js提交表单方法

发布时间:2019-09-24编辑:脚本学堂
本文介绍下js提交表单的方法,js实现表单提交,有需要的朋友做个参考。

本节内容:
js提交表单如何实现?

1,

复制代码 代码示例:
document.forms.from.submit();
document.form.sumbit();
document.form.submit.click();
this.form.submit();
 

以上几种形式的js表单提交在firefox浏览器下无效。

2,必须遵循w3c标准:
1).获得form时应使用getElementById()方法
2).用.submit()方法提交表单
3).button的name/id绝对不能命名为”submit”
4).form中所有的组件(按钮,文本框等)的name/id也不能命名为”submit”

# 当提交按钮的name 或者 id为submit时候,用js 提交表单,表单名.submit()时候会报一个错误,提示对象不支持此属性或办法。
解决方法:
修改提交按钮的 name 或者 id 不要与 submit或者action同名即可。

#-----
问题:
为什么当提交按钮的 name 或者 id为submit或者 action时,js提交表单会报错呢?这难道是 一个bug?

回答:
因为”表单名.submit()提交”这种写法本身就是不符合W3C标准的规定的,在IE下没有报错因为IE支持这种写法,但是如果在FF下就会报错,要写成”document.getElementById(‘form id’).submit()”的?

# 在项目中发现<input type=”submit”/>与<img src=”123.gif” onclick=”submit();”>
得出的效果截然不同, 谁能告诉我这两着有合不同
如何能用图片来替代原有的提交按钮
<input type=”submit” />是说这是一个按钮,它的是一个提交按钮.当点击它时,它会自动将它所在的表单进行提交.