Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 JS 提交表单的小例子

JS 提交表单的小例子

发布时间:2015-05-20   编辑:www.jquerycn.cn
本文分享下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同名即可。

实例:
 

复制代码 代码示例:
<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> 

您可能感兴趣的文章:
js表单提交确认函数一例
js禁止回车提交表单的方法
JS 提交表单的小例子
js按快捷键提交表单(Ctrl+Enter)
from表单多个按钮提交使用onclick跳转不同action
JavaScript 提交表单的实例分享
Javascript 同时提交多个Web表单实现方法
js 回车提交表单二种方法
js不能提交form表单怎么办
js提交表单方法

关键词: js提交表单  表单提交   
[关闭]