$.fn.debounce 是一个用于 防止双击多次提交表单 的 jQuery 插件。该插件在提交表单后,会 禁用表单 750毫秒,以防止重复提交。 750毫秒 之后,表单将重新启用。如果用户在此期间按下“Esc”键以取消提交,这一特性将特别有用。

使用示例:


$('form').debounceSubmit(); // Applies to all forms

$('#payment-form').debounceSubmit(); // Applies to #payment-form

$('#another-payment-form').debounceSubmit({ wait: 500 });

该插件提供以下选项:

  • 等待:以毫秒为单位设定表单被禁用和重新启用之间的时间,默认值为 750 毫秒。

  • debug:布尔值,默认值为 false,用于启用或禁用 console.log 输出。

为了深入了解如何防止表单重复提交,您可以参考以下资源: