js 避免重复提交

document.getElementById('submitBtn').addEventListener('click', function(event) {
    event.preventDefault(); // 阻止默认提交行为
    var submitBtn = document.getElementById('submitBtn');
    submitBtn.disabled = true; // 禁用按钮

    // 模拟表单提交
    setTimeout(function() {
        submitBtn.disabled = false; // 提交完成后启用按钮
        alert('表单提交成功！');
    }, 2000);
});

function debounce(func, wait) {
    let timeout;
    return function() {
        clearTimeout(timeout);
        timeout = setTimeout(() => func.apply(this, arguments), wait);
    };
}

document.getElementById('submitBtn').addEventListener('click', debounce(function(event) {
    event.preventDefault(); // 阻止默认提交行为
    alert('表单提交成功！');
}, 2000));

function throttle(func, limit) {
    let inThrottle;
    return function() {
        const args = arguments;
        const context = this;
        if (!inThrottle) {
            func.apply(context, args);
            inThrottle = true;
            setTimeout(() => inThrottle = false, limit);
        }
    };
}

document.getElementById('submitBtn').addEventListener('click', throttle(function(event) {
    event.preventDefault(); // 阻止默认提交行为
    alert('表单提交成功！');
}, 2000));