js表单提交和submit提交的区别

js表单提交和submit提交的区别

js提交和submit按钮提交的区别:<br><br>1. js提交表单时不会带上 submit 按钮的值(因为没有被单击) 所有浏览器<br>2. input 回车提交 w3c浏览器会带上submit按钮的值，ie6则不会带<br>解决办法：<br>增加一个hidden域,用这个来判断，无论用哪种方式提交都会有值<br>submit按钮上绑定提交事件:<br>即:&lt;input type=&quot;submit&quot; name=&quot;btn&quot; value=&quot;btn&quot; onclick=&quot;test()&quot; /&gt;<br>都会带上submit的值, 用js提交都检测不到onsubmit状态<br>w3c： 提交一次<br>ie6: 分两次提交，先js在form提交<br>解决办法：<br>如果按钮为submit则 检测时用onsubmit事件检测<br>如果按钮为button，则检测通过后在触发submit事件<br>一定不要用js提交表单，然后又用onsubmit去检测<br>单纯的用js提交表单, alert, ff下阻塞表单的提交，而其他浏览

区别就是 使用js提交的时候 表单的onsubmit事件句柄不会被调用

假设： A表单内有<input type="submit">，通过点击这个input来提交表单 B表单内没有<input type="submit">，而是写了一个<input type="button">，并且在这个input上绑定了click事件，在事件的监听器内用js的form.submit()提交。 1.在A表单内的某个input type=text，用户正与它交互（它是当前焦点），用户只需要按一下键盘的enter，就能提交表单；而B在某些情况下不行（部分情形参考回车提交表单），只能click下面的button；当然你可以给每个input绑定一个keypress事件，再检测按下的键是不是enter，如果是，就提交……只要不觉得蛋疼。 2.B表单提交不会触发form的 onsubmit事件；A会触发。 另外，还有HTML语义化的区别，A表单的处理更语义化，至于A能在js加载失败时提交表单（起码还能用），B不行之类的，就不说了。 总之，A，<input type="submit">更好，B在用户体验上差的有点多。

1. js提交表单时不会带上 submit 按钮的值(因为没有被单击) 所有浏览器 2. input 回车提交 w3c浏览器会带上submit按钮的值，ie则不会带

主要区别有以下几点：<br>1. js提交表单时不会带上 submit 按钮的值(因为没有被单击) 所有浏览器<br><br>2. input 回车提交 w3c浏览器会带上submit按钮的值，ie6则不会带<br>解决办法：增加一个hidden域,用这个来判断，无论用哪种方式提交都会有值<br><br>submit按钮上绑定提交事件:<br><br>即:&lt;input type=&quot;submit&quot; name=&quot;btn&quot; value=&quot;btn&quot; onclick=&quot;test()&quot; /&gt;都会带上submit的值, 用js提交都检测不到onsubmit状态   <br>w3c： 提交一次<br>ie6: 分两次提交，先js在form提交 <br>解决办法：如果按钮为submit则 检测时用onsubmit事件检测<br>如果按钮为button，则检测通过后在触发submit事件<br>一定不要用js提交表单，然后又用onsubmit去检测<br>单纯的用js提交表单, alert, ff下阻塞表单的提交<br><br>注意：get方式提交表单时 action里面不能用url传值, post则可以这样传