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程序设计有所帮助。