JavaScript防止表单重复提交的三种实现方案

document.getElementById("submitBtn").disabled = true;

var submitting = false; // 定义一个变量用于跟踪提交状态 - Define a variable to track the submission status
 
function onSubmit() {
  if (submitting) {
    alert("请勿重复提交！");
    return;
  }
 
  submitting = true;
 
  // 提交表单的逻辑...
  
  // 提交结束后，将提交状态设置回 false
  submitting = false;
}

var submitting = false; // 定义一个变量用于跟踪提交状态 - Define a variable to track the submission status
 
function submit() {
  if (submitting) {
    layer.msg("请勿重复提交！", {icon: 5, time: 2000});
    return false;
  }
 
  submitting = true;
 
  // ... 其他表单验证代码
 
  var reportPage = top.layer.open({
    // ... 其他属性配置
    yes: function (data) {
    // ... 其他逻辑代码
    var result = ajax返回的结果
    if (result.code == '0') {
        layer.msg("成功", {icon: 6, time: 2000});
    } else {
        layer.msg("失败", {icon: 5, time: 2000});
    }
    // 请求结束，将提交状态设置回 false
    submitting = false;
    },
    btn2: function (index, layero) {
        top.layer.close(reportPage); // 关闭当前页面
    }
  });
  return false;
}