求助：Flask表单无法获取输入值（附前端表单代码）

别急，我帮你一步步梳理可能的问题，这类情况大多是细节没注意到，咱们逐个核对：

1. 检查表单是否有提交按钮（最容易忽略的点） #

你提供的前端代码被截断了，最后停在<div class...，大概率是缺少提交按钮。如果没有触发提交的按钮，用户输入的内容根本不会被发送到后端，自然获取不到值。

解决方法：在表单内添加提交按钮，完整表单示例如下：

<form action="/signup" method="post">
  <input type="email" name="InputEmail" id="InputEmail" class="form-control input-sm chat-input" placeholder="Email"/> </br>
  <!-- 密码输入框建议用type="password"，更符合安全规范 -->
  <input type="password" name="InputPassword" id="InputPassword" class="form-control input-sm chat-input" placeholder="Password"/> </br>
  <input type="password" name="InputConfirmPassword" id="InputConfirmPassword" class="form-control input-sm chat-input" placeholder="Confirm Password"/> </br>
  <button type="submit" class="btn btn-sm btn-primary">提交注册</button>
</form>

2. 后端是否正确获取POST请求参数 #

确保你在Flask后端使用request.form来获取POST参数，而不是request.args（后者仅用于获取GET请求的URL参数）。同时注意参数名要和前端input的name属性完全一致（包括大小写）。

示例后端代码：

from flask import Flask, request, render_template

app = Flask(__name__)

@app.route('/signup', methods=['GET', 'POST'])
def signup():
    if request.method == 'POST':
        # 这里的参数名要和前端input的name完全匹配
        email = request.form.get('InputEmail')
        password = request.form.get('InputPassword')
        confirm_pwd = request.form.get('InputConfirmPassword')
        
        # 可以先打印测试是否获取到值
        print("获取到的输入值：", email, password, confirm_pwd)
        
        # 后续注册逻辑...
        return "注册请求已接收"
    # GET请求时返回表单页面
    return render_template('signup.html')

3. 检查是否启用了CSRF保护（如果用了Flask-WTF） #

如果你用Flask-WTF处理表单，默认会开启CSRF保护，此时原生HTML表单需要添加CSRF令牌，否则后端会拒绝接收请求。

解决方法：在表单内添加隐藏的CSRF字段：

<form action="/signup" method="post">
  <!-- 如果是用Flask-WTF的表单类渲染，用下面这行 -->
  {{ form.hidden_tag() }}
  <!-- 如果是原生表单，手动添加令牌 -->
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
  
  <!-- 你的输入框和提交按钮 -->
</form>

同时后端需要配置SECRET_KEY用于加密令牌：

app.config['SECRET_KEY'] = 'your-random-secret-key-here' # 随便设置一个字符串即可

4. 检查路由的请求方法是否匹配 #

确保后端路由的methods参数包含POST，比如@app.route('/signup', methods=['GET', 'POST'])。如果只写了methods=['GET']，POST请求会被直接拒绝，自然取不到参数。

5. 用开发者工具验证请求是否正常 #

打开浏览器开发者工具（F12），切换到网络标签，提交表单后查看请求的Form Data部分：

• 如果这里看不到输入的内容，说明前端表单有问题（比如没有提交按钮、name属性缺失）；
• 如果有数据但后端取不到，说明后端参数名写错了。

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