html表单的几种提交方式总结
最普通最常用最一般的方法就是用submit type..看代码： 复制代码代码如下: 另外，还有一种常用的方法是使用图片： 复制代码代码如下: 第三种是使用链接来提交表单，用到了javascript的DOM模型： 复制代码代码如下: 提交 这种方法实际上是调用了一个javascript函数，使用javacript函数来提交表单，方法就非常多非常灵活了，比如可以把它加入到任意一个标签的onclick事件中： 复制代码代码如下: 提交 但是，如果一个表单里有需要有多个提交按钮怎么办呢？ 比如一个表单里的提交按钮所指向的处理页面不同，这样由于表单在定义的时候就已经确定下表单数据的处理页面，所以单纯地在表单里放多个提交按钮是没有办法达到目的的。这就需要javascript。 首先定义一个函数： 复制代码代码如下: function query(){ form.action=”query.php”; form.submit();} function update(){ form.action=”update.php”; form.submit();} 通过javascript改变form的action属性值，这样就可以实现多提交按钮而且功能不同了，页面内代码如下： 复制代码代码如下: 上面一段代码，使用的是普通的按钮，而提交功能的实现方法是在它的onclick事件中调用javascript函数. 有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了.
JavaScript提交表单的几种方法
在我们工作中我们会经常使用到form表单，相信大家再熟悉不过了，那么提交表单有很多种方法，JavaScript提交表单的方法又是如何呢，今天就带大家介绍下JavaScript提交表单的几种方法！第一种方式：表单提交，在form标签中增加onsubmit事件来判断表单提交是否成功第二种方式：通过button按钮来触发表单提交事件onclick="submitForm();"，会忽略掉其他标签中的属性，比如form标签中的onsubmit属性就失效了。这时为了进行表单验证，可以将验证代码放在submitForm();方法中进行验证。第三种方式：将onsubmit事件放在submit标签中，而不是form标签中，此时表单验证失效，点击提交按钮表单直接提交第四种方式：为submit按钮添加上onclick事件，其中该事件用于表单提交的验证，功能类似于在form标签中增加了onsubmit事件一样第五种方式：通过button按钮来触发表单提交事件onclick="submitForm();"，会忽略掉其他标签中的属性，比如form标签中的onsubmit属性就失效了。这时为了进行表单验证，可以将验证代码放在submitForm();方法中进行验证总结：通过对本文的介绍我们知道了JavaScript提交表单的多种方式，每个方法都有不同，小伙伴可以根据自己的需要选择一个，希望对你的工作有所帮助！相关推荐：利用JS提交表单的几种方法和验证js提交表单被php拒绝,如何解决?简述JavaScript提交表单的方式 （Using JavaScript Submit Form）
