HTML表单提交未跳转至action指定文件 页面刷新问题如何解决？

• PHP参数匹配错误（核心问题）：你的提交按钮name属性设置为register，但PHP逻辑中判断的是isset($_POST["submit"])，二者完全不匹配，提交后会直接进入else分支，执行header("location: ../register.php")跳转回注册页，表现上就是当前页面刷新，没有跳转到目标PHP文件。
• JS阻止默认行为失效的可能原因：
  • 页面未正确引入jQuery库，代码执行报错
  • JS加载顺序早于DOM渲染，$('.register-form')未选中对应元素，事件绑定失败
  • 页面存在其他JS报错，阻塞了这段代码的正常执行

场景1：不需要AJAX提交，直接走表单原生跳转 #

删掉你写的那段阻止表单提交的JS代码，然后做以下任意一处修改即可：

• 修改PHP代码：将if (isset($_POST["submit"]))改为if (isset($_POST["register"]))
• 或者修改HTML提交按钮代码：将<input type="submit" name = 'register' class="submit" value="Register">的name属性改为submit

场景2：需要AJAX提交，不跳转页面 #

1. 先确认页面已经正确引入jQuery库，示例引入代码：

<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>

2. 确保你的JS代码放在页面底部，或者放在DOMContentLoaded回调中，你现有的$(function(){})写法本身没有问题，只要jQuery加载正常就能生效。
3. 可以在事件回调中增加调试代码验证绑定是否生效，示例：

$(function() {
    $('.register-form').on('submit', function(e) {
        e.preventDefault();
        console.log('表单提交已阻止');
        // 此处补充AJAX提交逻辑
    })
});

打开浏览器控制台，提交表单如果能看到上述日志，说明阻止逻辑已经生效。

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