JQuery防止重复提交

最新推荐文章于 2024-06-28 17:02:49 发布

原创最新推荐文章于 2024-06-28 17:02:49 发布 · 110 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ViewUI

JQuery 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种使用JQuery防止表单重复提交的方法。通过在表单提交时设置标记并禁用提交按钮来避免多次提交，确保数据的一致性和用户体验。

JQuery防止重复提交


 $(document).ready(function() {
  $('form').submit(function() {
    if(typeof jQuery.data(this, "disabledOnSubmit") == 'undefined') {
      jQuery.data(this, "disabledOnSubmit", { submited: true });
      $('input[type=submit], input[type=button]', this).each(function() {
        $(this).attr("disabled", "disabled");
      });
      return true;
    }
    else
    {
      return false;
    }
  });
});