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下阻塞表单的提交,而其他浏览

 

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM