您的位置:首页 > Web前端 > JavaScript

【WEB基础】②js控制表单提交

2014-08-25 19:09 525 查看
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同名即可。

<form id="add_doc" name='test'  method="post">
文章添加<br>
文章编号:<input type="text" id="document_id"
name="document_id" value="yinggen" /><br>
文章名称:<input type="text" id="document_name"
name="document_name" /><br>
文章内容:<textarea name="document_content"
rows="10" cols="30">初始内容</textarea ><br>
<input type="button" id="add" onclick="
document.getElementById('add_doc').action='__URL__/add';
document.getElementById('add_doc').submit();"
name="add" value="提交" />
<input type="reset" id="reset" name="reset" value="重置" />
</form>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: