jQuery Submit()

jQuery submit() 是一个 jQuery 方法，用于在提交表单时触发 submit 事件。该方法可用于处理表单提交前、提交后和提交过程中的事件。

语法

$(selector).submit(function);

• selector：要绑定 submit 事件的表单。
• function：当表单提交时要执行的函数。

参数

jQuery submit() 接受一个参数，即要执行的函数。该函数有一个事件对象参数 event，可用于防止默认表单提交行为。

示例

防止表单默认提交

<form>
  <input type="text" name="username">
  <button type="submit">提交</button>
</form>

$("form").submit(function(event) {
  event.preventDefault(); // 防止表单默认提交
  console.log("表单已提交");
});

获取表单数据

<form>
  <input type="text" name="username">
  <button type="submit">提交</button>
</form>

$("form").submit(function(event) {
  event.preventDefault();
  var form_data = $(this).serialize(); // 获取表单数据
  console.log(form_data);
});

异步提交表单

<form>
  <input type="text" name="username">
  <button type="submit">提交</button>
</form>

$("form").submit(function(event) {
  event.preventDefault();
  var form_data = $(this).serialize();
  $.post("submit.php", form_data, function(response) {
    console.log(response);
  });
});

总结

jQuery submit() 方法是一个强大的表单处理工具，它能够轻松处理表单提交前、提交后和提交过程中的事件。在使用该方法时，应注意处理表单默认提交行为和获取表单数据等常见问题。