js刷新表单重复提交表单

// 服务器端伪代码
app.post('/submit-form', (req, res) => {
    // 处理表单数据...
    res.redirect('/success-page');
});

<form id="myForm" action="/submit-form" method="POST">
    <!-- 表单字段 -->
    <button type="submit" id="submitBtn">提交</button>
</form>

<script>
document.getElementById('myForm').addEventListener('submit', function(event) {
    document.getElementById('submitBtn').disabled = true;
});
</script>

<form action="/submit-form" method="POST">
    <!-- 其他字段 -->
    <input type="hidden" name="csrfToken" value="{{ csrfToken }}">
    <button type="submit">提交</button>
</form>

// 服务器端伪代码
const csrfTokens = new Set();

app.post('/submit-form', (req, res) => {
    const token = req.body.csrfToken;
    if (csrfTokens.has(token)) {
        // 令牌已存在，拒绝处理
        return res.status(400).send('重复提交');
    }
    csrfTokens.add(token);
    // 处理表单数据...
    res.redirect('/success-page');
});