js表单提交和submit提交的区别实例分析

更新时间：2015年12月10日 11:12:03 作者：思齐_

这篇文章主要介绍了js表单提交和submit提交的区别,结合实例形式较为详细的分析了js表单提交和submit提交具体实现方法与使用技巧,需要的朋友可以参考下

本文实例分析了js表单提交和submit提交的区别。分享给大家供大家参考，具体如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script>
function test()
{
  document.getElementById("myform").submit();  
  alert(11);
}
</script>
<form name="myfrom" id="myform" method="get" action="b.php">
<input type="text" name="pwd" value="" />
<input type="submit" name="sub" value="111" />
<input type="button" name="btn" value="btn" onclick="test()" />
</form>
</body>
</html>

注意：get方式提交表单时 action里面不能用url传值, post则可以这样传

js提交和submit按钮提交的区别:

1. js提交表单时不会带上 submit 按钮的值(因为没有被单击) 所有浏览器

2. input 回车提交 w3c浏览器会带上submit按钮的值，ie6则不会带

解决办法：

增加一个hidden域,用这个来判断，无论用哪种方式提交都会有值

submit按钮上绑定提交事件:

即:<input type="submit" name="btn" value="btn" onclick="test()" />
都会带上submit的值, 用js提交都检测不到onsubmit状态
w3c：提交一次
ie6: 分两次提交，先js在form提交

解决办法：

如果按钮为submit则检测时用onsubmit事件检测

如果按钮为button，则检测通过后在触发submit事件

一定不要用js提交表单，然后又用onsubmit去检测

单纯的用js提交表单, alert, ff下阻塞表单的提交，而其他浏览

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

js实现不重复导入的方法
这篇文章主要介绍了js实现不重复导入的方法,实例分析了JavaScript基于文件与字符串判断操作实现JS文件不重复导入的相关技巧,需要的朋友可以参考下
2016-03-03
JavaScript中事件流冒泡的原理与实现
在JavaScript中,事件流冒泡是一种非常重要的概念,它是指事件从最内层的元素开始,逐级向外传播到最外层元素的过程,下面我们就来了解下JavaScript中事件流冒泡的原理与实现吧
2023-11-11
Django1.7+JQuery+Ajax验证用户注册集成小例子
下面是散仙使用Django+Jquery+Ajax的方式来模拟实现了一个验证用户注册时，用户名存在不存在的一个小应用。注意，验证存在不存在使用的是Ajax的方式，不用让用户点击按钮验证是否存在,需要的朋友可以参考下
2017-04-04
uniapp 引用 js 组件的方法(场景分析)
在UniApp开发过程中,我们不仅需要掌握各种UI组件的使用方法,还需要了解如何在项目中引入JS文件,在本文中,我将介绍UniApp中如何引入JS的方法,感兴趣的朋友跟随小编一起看看吧
2023-09-09
JavaScript知识点总结(六)之JavaScript判断变量数据类型
这篇文章主要介绍了JavaScript知识点总结(六)之JavaScript判断变量数据类型的相关资料，非常不错具有参考借鉴价值,需要的朋友可以参考下
2016-05-05
es6 super关键字的理解与应用实例分析
这篇文章主要介绍了es6 super关键字的理解与应用,结合实例形式分析了es6 super关键字的功能、原理、用法及相关操作注意事项,需要的朋友可以参考下
2020-02-02
js将网址转为urlencode类型
网址urlencode加密函数，主要用于中文目录
2008-06-06
JS中三目运算符和if else的区别分析与示例
本文是通过示例详细分析了JS中三目运算符和if else的区别，是篇非常不错的文章，这里推荐给大家。
2014-11-11
js实现计算器功能
这篇文章主要为大家详细介绍了js实现计算器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-08-08
js模拟实现百度搜索
这篇文章主要为大家详细介绍了js模拟实现百度搜索，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-06-06