javascript - 如何在 ajax 请求中禁用/启用表单提交

Question

我尝试在请求开始之前首先禁用表单提交，然后在成功后再次启用表单提交

这是我的代码:

$.ajax({
 beforeSend:function(){
//disable form
            $('form').on('submit',function(){
               return false;
            });
},
success:function(){
            //enable form
            $('form').on('submit',function(){
               return true;
            });
},
complete:function(){
            //enable form
            $('form').on('submit',function(){
               return true;
            });
,
});

似乎无法成功并完成，表单已禁用但未启用。

我正在使用最新的 jQuery 版本。

Answer 1

最好使用不同的策略:设置一个全局变量来决定是否提交表单。然后在提交表单时检查它。

var canSubmit = 1;

$.ajax({
 beforeSend:function(){
   //disable form
   canSubmit = 0;
},
success:function(){
   //enable form
   canSubmit = 1;
},
complete:function(){
   //disable form
   canSubmit = 1;
});

$('form').on('submit',function() {
   if (!canSubmit) {
      return false;
   }
});