点击提交按钮后实现表单重定向延迟的技术求助

你的测试代码逻辑存在倒置问题：你是在页面加载后延迟200ms才给按钮绑定点击事件，而非点击按钮后延迟200ms执行提交动作。这会导致要么用户点击时事件未绑定，表单直接默认提交；要么绑定后仅跳转到固定URL，丢失原表单的GET参数。

以下是两种可靠的解决方案：

方案一：监听表单submit事件（推荐） #

此方式覆盖所有表单提交场景（包括回车提交），自动保留原表单的GET参数，无需手动拼接：

const form = document.getElementById('form_cotation');
const delayTime = 200;

form.addEventListener('submit', function(e) {
    // 阻止表单默认提交行为
    e.preventDefault();
    const currentForm = this;

    // 延迟200ms后手动触发表单提交
    setTimeout(() => {
        currentForm.submit();
    }, delayTime);
});

方案二：绑定按钮点击事件 #

若需仅通过按钮点击触发延迟提交，可使用此方案，同样保留原表单参数：

const submitBtn = document.getElementById('submitbtnt');
const form = document.getElementById('form_cotation');
const delayTime = 200;

submitBtn.addEventListener('click', function(e) {
    // 阻止按钮触发的默认提交
    e.preventDefault();

    setTimeout(() => {
        // 手动提交表单，自动携带所有GET参数
        form.submit();
        
        // 若需跳转到自定义URL并携带参数，可替换为以下代码：
        // const formData = new FormData(form);
        // const params = new URLSearchParams(formData).toString();
        // location.href = '你的目标地址?' + params;
    }, delayTime);
});

内容的提问来源于stack exchange，提问作者Allison Yuri