如何实现提交表单后根据用户输入的数字跳转至对应编号的PHP页面

有两种常用的实现方式，按需选择即可：

方案1：纯前端HTML+JS实现 #

无需后端处理，跳转速度更快，适合没有额外业务逻辑的场景：

<form onsubmit="location.href = this.pageNum.value + '.php'; return false;">
  <input type="number" name="pageNum" min="1" required />
  <input type="submit" value="Go" />
</form>

逻辑说明：

• 表单的onsubmit事件会在用户点击「Go」按钮或者按下回车时自动触发
• this.pageNum.value直接获取输入框内的数字，拼接.php后缀就是目标访问地址
• return false会阻止表单默认的提交行为，直接执行跳转逻辑
• 自带的required属性可以避免用户空提交，min="1"限制最小输入值，可根据自己的页面编号范围调整

方案2：PHP后端实现 #

如果需要做页面存在性校验、权限判断、跳转日志统计等服务端逻辑，推荐用这种方式：

第一步：修改表单代码 #

<form method="POST" action="jump.php">
  <input type="number" name="pageNum" min="1" required />
  <input type="submit" value="Go" />
</form>

第二步：新建jump.php处理跳转逻辑 #

<?php
// 校验输入是否合法
if (isset($_POST['pageNum']) && is_numeric($_POST['pageNum'])) {
    $targetPage = intval($_POST['pageNum']) . '.php';
    // 可选逻辑：判断目标页面是否存在，避免跳转到404
    if (file_exists($targetPage)) {
        header("Location: {$targetPage}");
        exit;
    }
}
// 输入不合法或页面不存在时，跳回之前的页面
header("Location: " . $_SERVER['HTTP_REFERER']);
exit;
?>

选型建议 #

• 仅需要基础跳转功能，选方案1，代码更简单，响应速度更快
• 需要额外的服务端业务处理，选方案2，扩展性更强

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