Flask项目HTML登录页Next提交按钮无法提交表单问题求助

问题排查及修复方案 #

1. 表单隐藏域缺少name属性，导致path参数无法随表单提交

你HTML中的隐藏输入框仅定义了value，未添加name属性：

<input type='hidden' value="{{path}}">

浏览器提交表单时只会携带带有name属性的表单字段，因此该参数不会被提交。修复方案为补全name属性：

<input type='hidden' name="path" value="{{path}}">

2. Flask路由/login1错误使用request.args获取POST参数

request.args仅用于获取URL后缀的GET查询参数，你的表单使用POST方法提交，参数存储在请求体中，需要用request.form获取。同时当前代码未做参数存在性校验，缺失参数时会直接抛出500错误，导致页面无响应。
修复后的/login1路由参考：

@app.route('/login1', methods=['POST'])
def main1():
    # 从POST表单中取path参数，设置默认值/防止报错
    path = request.form.get('path', '/')
    return render_template('password.html', redirect1 =  "/login1" + path)

3. 浏览器默认邮箱格式校验拦截提交

你的邮箱输入框使用了type="email"，浏览器会默认校验输入内容是否符合邮箱格式，如果输入内容不合法会静默阻止表单提交，不会向后端发请求。可临时将type改为text测试，或者测试时确保填写合法邮箱格式。

4. 父模板全局事件拦截提交

你继承的layout.html如果存在全局JavaScript代码，可能有监听form的submit事件并调用e.preventDefault()阻止默认提交的逻辑，可打开浏览器控制台查看是否有JS报错，或者点击提交按钮时查看网络面板是否发出了对应的POST请求。

额外优化：/login路由参数校验缺失

你在/login路由中直接用request.args['path']获取参数，如果访问该页面时URL未携带path参数会直接抛出400错误，建议修改为带默认值的写法：

path = request.args.get('path', '/')
if 'login' in path:
    return redirect('/login?path=/')
# 后续用到path的位置统一使用该变量即可

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