jq 前端防止重复提交

在前端中，可以使用以下几种方法来防止重复提交：

1. 禁用提交按钮：在用户点击提交按钮后，立即禁用按钮，防止用户重复点击。可以使用 jQuery 的 `prop()` 方法来禁用按钮。

$('form').submit(function() {
  $('input[type="submit"]').prop('disabled', true);
});

2. 防抖：使用防抖函数来限制用户在一定时间内多次点击。防抖函数会延迟执行提交操作，并且在延迟期间内再次触发时会重新计时。

function debounce(func, delay) {
  let timer;
  return function() {
    clearTimeout(timer);
    timer = setTimeout(func, delay);
  };
}

$('form').submit(debounce(function() {
  // 执行提交操作
}, 1000)); // 设置延迟时间为1秒

3. 提交状态标识：在提交过程中，添加一个标识来表示提交状态，在提交完成前禁用提交按钮或者显示加载中的提示。

$('form').submit(function() {
  $('input[type="submit"]').prop('disabled', true).val('提交中...');
  // 执行提交操作
});

这些方法可以根据具体的需求进行选择和组合使用，以确保防止重复提交的效果。