js表单提交和submit提交的区别实例分析
本文实例分析了js表单提交和submit提交的区别。分享给大家供大家参考，具体如下：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>无标题文档</title>
</head>
<body>
<script>
functiontest()
{
document.getElementById("myform").submit();
alert(11);
}
</script>
<formname="myfrom"id="myform"method="get"action="b.php">
<inputtype="text"name="pwd"value=""/>
<inputtype="submit"name="sub"value="111"/>
<inputtype="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按钮上绑定提交事件:
即:<inputtype="submit"name="btn"value="btn"onclick="test()"/>
都会带上submit的值,用js提交都检测不到onsubmit状态
w3c：提交一次
ie6:分两次提交，先js在form提交
解决办法：
如果按钮为submit则检测时用onsubmit事件检测
如果按钮为button，则检测通过后在触发submit事件
一定不要用js提交表单，然后又用onsubmit去检测
单纯的用js提交表单,alert,ff下阻塞表单的提交，而其他浏览
希望本文所述对大家JavaScript程序设计有所帮助。