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

Question

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

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

Answer 1

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

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

Answer 2

在你的情况下没有区别。

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

来自.submit()文档。

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

Answer 3

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

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

Answer 4

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