禁用页面后退与刷新功能的PHP/JavaScript实现方案问询

我理解你的场景——赛事评分的重复提交确实会带来数据混乱，虽然通常不推荐干预浏览器的默认行为，但在这个特定需求下，结合后端校验+前端辅助的方案会更稳妥。下面给你提供PHP和JavaScript的具体实现思路：

一、PHP后端核心方案（更可靠） #

后端控制是防重复提交的根本，前端的限制只是辅助，建议优先采用：

1. Post/Redirect/Get (PRG) 模式 #

用户提交表单后，不要直接返回提交页面，而是重定向到一个结果页面（比如提交成功页）。这样用户点击后退时，回到的是之前的表单页面（而非提交后的状态），避免刷新页面再次提交：

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 处理评分数据入库逻辑
    $score = $_POST['score'];
    // ... 数据库操作（比如插入评分记录）

    // 重定向到成功页面，彻底避免后退重复提交
    header('Location: submission_success.php');
    exit;
}

2. 会话标记+Token防重复 #

在用户进入评分页面时生成唯一token，提交时验证token有效性；同时用session记录用户的提交状态，防止用户通过后退再次提交：

session_start();

// 进入评分页面时生成唯一提交token
if (!isset($_SESSION['submission_token'])) {
    $_SESSION['submission_token'] = uniqid('', true);
}

// 处理提交请求
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 首先验证token合法性
    if (!isset($_POST['token']) || $_POST['token'] !== $_SESSION['submission_token']) {
        die('无效的提交请求，请返回重新操作');
    }

    // 检查是否已提交过评分
    if (isset($_SESSION['has_submitted']) && $_SESSION['has_submitted']) {
        header('Location: submission_success.php');
        exit;
    }

    // 执行评分数据入库操作
    // ...

    // 标记已提交，销毁token防止重复使用
    $_SESSION['has_submitted'] = true;
    unset($_SESSION['submission_token']);
    header('Location: submission_success.php');
    exit;
}

需要在表单中添加隐藏字段传递token：

<input type="hidden" name="token" value="<?php echo $_SESSION['submission_token']; ?>">

二、JavaScript前端辅助方案 #

前端方案可以增强用户体验，但不能替代后端校验（用户可禁用JS或直接模拟请求），仅作为辅助手段：

1. 监听popstate事件阻止后退 #

通过监听浏览器历史记录变化，拦截后退操作并给出提示：

// 页面加载时添加一条当前页面的历史记录，避免直接后退到上一页
history.pushState(null, null, window.location.href);

window.addEventListener('popstate', function(event) {
    // 重新添加当前页面到历史栈，阻止后退
    history.pushState(null, null, window.location.href);
    alert('评分提交后无法返回修改，请确认信息无误后再提交！');
});

2. 让后退按钮失效（兼容性有限） #

通过修改历史记录栈，让浏览器后退按钮无页面可退：

(function disableBack() {
    window.history.forward();
})();
// 页面加载和从缓存恢复时都执行
window.onload = disableBack;
window.onpageshow = function(event) {
    if (event.persisted) disableBack();
};

注意：这种方法在不同浏览器兼容性不一，且用户可通过键盘快捷键（如Alt+左箭头）绕过，仅做体验优化。

关键提醒 #

无论用哪种前端方案，后端必须做最终的防重复校验：

• 给「用户ID+赛事ID」组合设置数据库唯一索引，从根源阻止重复数据入库
• 始终用token验证提交请求的合法性
• 提交成功后立即销毁或标记已使用的token

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