<input type = "submit"> 提交方式和用js的form.submit()有什么区别？

<input type = "submit"> 提交方式和用js的form.submit()有什么区别？

 

 

 

添加评论 分享

 

 

按投票排序 按时间排序

 

谢邀。
说“一样的”的都不是专业的前端， 至少有以下不同：
假设：
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在用户体验上差的有点多。

编辑于 2013-07-11 12 条评论

 

 

 

 

 

 

一样的，但个人比较喜欢用js处理。。毕竟HTML5时代就要来了，为了将来改版容易，还是尽量避免用html4的html标签去提交这些东东。js是永恒不会被淘汰滴~

发布于 2013-07-10 添加评论

 

这两者楼上的各位已经说得很不错！
如果你问他们提交后 对于后台处理过程，那么都是一样的 传统式同步请求而已
但是现在许多网站为了追求个性化以及现在ajax异步提交、用美化的a标签来代替button（submit） 这种情况我们只能使用 onsubmit（）函数来代替了！
因为我们工作习惯的问题，我们一般不会使用submit；
对于楼上说的情况 我认为如果你有必要 你完全可以 加一个透明层的 submit 按钮 扔到form里不碍事的地方

发布于 2013-07-10 2 条评论

 

 

 

 

 

 

是否触发onsubmit；
某些浏览器的安全限制会导致某种情形下的js主动触发submit失败

发布于 2014-04-10 添加评论

 

 

 

一样的

发布于 2013-07-10 添加评论