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

一、js表单提交和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在用户体验上差的有点多。

二、怎么在js中提交form的submit

1、在JavaScript中，提交一个表单的基本步骤是首先获取表单元素，然后调用其submit方法。例如，你可以通过给表单设置一个id来获取它，然后调用submit方法提交表单。具体代码如下：

2、首先，设置表单id并获取表单对象：

3、form= document.getElementById('form');

4、然后，调用表单的submit方法提交表单：

5、如果你在操作过程中遇到任何问题，请随时提出疑问。如果你觉得这个解答对你有所帮助，请给予采纳。感谢你的关注。

6、为了更好地理解这一过程，我们可以通过一个具体的例子来说明。假设我们有一个表单，它包含用户信息的输入框，例如用户名、密码等。我们需要通过JavaScript提交这个表单，而不是使用传统的提交按钮。在这个例子中，我们首先为表单设置一个id，然后使用JavaScript获取这个表单对象，并调用其submit方法。

7、此外，我们还可以通过设置表单的action属性和method属性来指定表单数据的提交地址和提交方式。例如：

8、form.action=';;

9、这样，当调用submit方法时，表单数据将按照指定的方式提交到指定的地址。

10、需要注意的是，如果你的表单包含一些复杂的数据处理逻辑，可能还需要在submit方法之前进行一些数据验证和处理。例如，检查用户输入的有效性，清除不必要的表单元素等。

11、总之，通过JavaScript提交表单是一个简单且高效的方法，尤其适用于需要动态处理表单数据的场景。希望上述内容对你有所帮助。

三、js表单提交和submit提交的区别是什么

1. js提交表单时不会带上 submit按钮的值(因为没有被单击)所有浏览器

2. input回车提交 w3c浏览器会带上submit按钮的值，ie6则不会带

增加一个hidden域,用这个来判断，无论用哪种方式提交都会有值

即:<input type="submit" name="btn" value="btn" onclick="test()"/>

都会带上submit的值,用js提交都检测不到onsubmit状态

ie6:分两次提交，先js在form提交

如果按钮为submit则检测时用onsubmit事件检测

如果按钮为button，则检测通过后在触发submit事件

一定不要用js提交表单，然后又用onsubmit去检测

单纯的用js提交表单, alert, ff下阻塞表单的提交，而其他浏览