表单提交事件和提交输入点击事件有什么区别？答案

【问题标题】：What is the difference between a form submit event and a submit input click event?表单提交事件和提交输入点击事件有什么区别？
【发布时间】：2013-10-31 06:33:00
【问题描述】：

名为form1 的表单有一个名为button1 的提交按钮。

$("#form1").submit() 和 $("#button1").click() 有什么区别？

【问题讨论】：

标签： jquery forms submit-button

【解决方案1】：

如果您检查您的 html 代码，您会看到类似 <form .... action="abcd.html"> 的内容。动作标签可能是也可能不是 html 页面，它可能是 .php、.aspx 或只是一个 url。 $("#form1").submit() 会将数据发布到此页面/url，然后该页面将处理数据。

$("#form1").submit()会将表单的数据发布到表单action标签中的url，而$("#button1").click()只会触发点击事件。

【讨论】：

【解决方案2】：

在你的情况下没有区别。

当用户尝试提交时，提交事件被发送到一个元素提交表格。它只能附加到<form> 元素。表格可以通过单击明确的<input type="submit"> 提交， <input type="image">，或<button type="submit">，或按 Enter 当某些表单元素具有焦点时。

来自.submit() docs。

使用$("#form1").submit()，您可以在页面上没有提交按钮的情况下提交表单。

【讨论】：

【解决方案3】：

$("#form1").submit() 将整个表单提交到 Servlet 或任何东西，因为 $("#button1").click() 可以简单地用于处理任何事情，比如调用 javascript 或甚至提交表单。

【讨论】：

【解决方案4】：

$("#form1").submit() 只是向服务器发送数据，但$("#button1").click() 触发按钮的单击事件并且不向服务器发送任何数据。

PS：如果按钮类型是提交，它会立即向服务器发送数据。

【讨论】：

如果按钮是<input type=submit>，那么（除非默认操作被禁止）它将触发包含表单的提交。