Flask 的多个表单一直说我没有定义表单答案

【问题标题】：Multiple forms with Flask keeps saying I haven't defined formsFlask 的多个表单一直说我没有定义表单
【发布时间】：2018-04-16 11:56:11
【问题描述】：

我正在尝试使用验证器在同一个 Flask 页面上设置两个不同的表单，但它一直告诉我我的表单没有定义。我得到错误：

该代码旨在让用户输入一个数字并检查它是否丰富、完美或不足，然后以单独的形式让用户定义一个范围并获取其中有多少个丰富、完美或不足的数字都在这个范围内。

我的代码如下：

from flask import Flask, render_template, request
from flask_wtf import Form
from wtforms import IntegerField
from wtforms.validators import InputRequired
from perfect_numbers import classify, listInRange

app = Flask(__name__)
app.config['SECRET_KEY'] = 'DontTellAnyone'

class PerfectForm(Form):
    inputNumber = IntegerField('input a number', default=1, validators=[InputRequired(message='Please input an integer')])

class PerfectRangeForm(Form):
    startNumber = IntegerField('input a number', default=1, validators=[InputRequired(message='Please input an integer')])
    endNumber = IntegerField('input a number', default=1, validators=[InputRequired(message='Please input an integer')])

@app.route('/', methods=['GET', 'POST'])
def index():
    form1 = PerfectForm(request.form, prefix="form1")
    num = 1
    Classify = classify(num)
    if form.validate_on_submit() and form.data:
        num = request.form1['inputNumber']
        Classify = classify(form1.inputNumber.data)
        return render_template('index.html', form1=form1, num=num, classify=Classify)
    return render_template('index.html', num=1, form1=form1, classify=Classify)

@app.route('/aliRange', methods=['GET', 'POST'])
def aliRange():
    form2 = PerfectRangeForm(request.form2, prefix="form2")
    startNumber = 1
    endNumber = 1
    aliquot = 'abundant'
    Classify = classify(num)
    ListInRange = listInRange(startNumber, endNumber, aliquot)
    if form2.validate_on_submit() and form2.data:
        startNumber = request.form2['startNumber']
        endNumber = request.form2['endNumber']
        aliquot = request.form2['aliquot']
        ListInRange = listInRange(startNumber, endNumber, aliquot)
        return render_template('index.html', form2=form2, startNumber=startNumber, endNumber=endNumber, ListInRange=listInRange)
    return render_template('index.html', form2=form2, startNumber=startNumber, endNumber=endNumber, ListInRange=listInRange)

if __name__ == '__main__':
    app.run(debug=True)

index.html:

{% from "_formhelpers.html" import render_field %}
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>WTForms</title>
  </head>
  <body>
    <div>
      <form action="/" method="POST">
        <dl>
          {% if form1 %}
          {{ form1.csrf_token }}
          {{ render_field(form1.inputNumber) }}
          {% endif %}
          <input type="submit" value="submit1">
        </dl>
      </form>
    </div>
    <div>
      {{ num }} is {{ classify }}
    </div>

    <div></div>

<div>
  <form action="/aliRange" method="POST">
    <div class="form-group">
      <p>Input a start number and an end number to return a list of...</p>
      <select class="form-control" action="/aliRange" name="aliquot" method="POST">
        <option value = 'abundant'>Abundant</option>
        <option value = 'perfect'>Perfect</option>
        <option value = 'deficient'>Deficient</option>
      </select>
      <p>...numbers within that range</p>
      <form action="/aliRange" method="POST">
        <dl>
          {% if form2 %}
          {{ form2.csrf_token }}
          {{ render_field(form2.startNumber) }}
          {{ render_field(form2.endNumber) }}
          {% endif %}
          <input class="btn btn-primary" type="submit" value="submit">
        </dl>
      </form>
    </div>

  </form>
  The {{ aliquot }} numbers between {{ startNumber }} and {{ endNumber }} are:
  {{ listInRange }}
</div>
  </body>
</html>

我得到 atm 的错误是：AttributeError: 'Request' object has no attribute 'form1'

【问题讨论】：

Can't get Flask to work with multiple forms的可能重复

标签： python flask flask-wtforms

【解决方案1】：

编辑：

您可以使用单个视图简化代码，使用 submit 值来区分第一个表单和第二个表单的处理。

修改后的代码为：

class PerfectForm(Form):
    inputNumber = IntegerField('input a number', default=1, validators=[InputRequired(message='Please input an integer')])

class PerfectRangeForm(Form):
    startNumber = IntegerField('input a number', default=1, validators=[InputRequired(message='Please input an integer')])
    endNumber = IntegerField('input a number', default=1, validators=[InputRequired(message='Please input an integer')])
    aliquot = StringField('input a kind', default='perfect')

@app.route('/', methods=['GET', 'POST'])
def index():
    form1 = PerfectForm(request.form, prefix="form1")
    form2 = PerfectRangeForm(request.form, prefix="form2")

    num = 1
    Classify = classify(num)

    startNumber = 1
    endNumber = 1
    aliquot = 'abundant'
    ListInRange = listInRange(startNumber, endNumber, aliquot)

    if request.form.get('submit') == 'submit-1':
        if form1.validate_on_submit() and form1.data:
            num = form1.data['inputNumber']
            Classify = classify(num)
    elif request.form.get('submit') == 'submit-2':
        if form2.validate_on_submit() and form2.data:
            startNumber = form2.data['startNumber']
            endNumber = form2.data['endNumber']
            aliquot = form2.data['aliquot']
            ListInRange = listInRange(startNumber, endNumber, aliquot)
    return render_template('index.html',
        num=num, classify=Classify,
        startNumber=startNumber, endNumber=endNumber, aliquot=aliquot, ListInRange=ListInRange,
        form1=form1, form2=form2)

if __name__ == '__main__':
    app.run(debug=True)

修改后的模板index.html是：

{% from "_formhelpers.html" import render_field %}
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>WTForms</title>
  </head>
  <body>
    <div>
      <form action="/" method="POST">
        <dl>
          {{ form1.csrf_token }}
          {{ render_field(form1.inputNumber) }}
          <input type="submit" name="submit" value="submit-1">
        </dl>
      </form>
    </div>
    {% if num %}
    <div>
      {{ num }} is {{ classify }}
    </div>
    {% endif %}

    <hr />

    <div>
      <form action="/" method="POST">
        {{ form2.csrf_token }}
        <div class="form-group">
          <p>Input a start number and an end number to return a list of...</p>
          <select class="form-control" action="/aliRange" name="aliquot" method="POST">
            <option value = 'abundant'>Abundant</option>
            <option value = 'perfect'>Perfect</option>
            <option value = 'deficient'>Deficient</option>
          </select>
          <p>...numbers within that range</p>
          <dl>
          {{ render_field(form2.startNumber) }}
          {{ render_field(form2.endNumber) }}
          </dl>
          <input class="btn btn-primary" type="submit" name="submit" value="submit-2">
        </div>
      </form>
      <div>
        The {{ aliquot }} numbers between {{ startNumber }} and {{ endNumber }} are:
        {{ listInRange }}
      </div>
    </div>
  </body>
</html>

旧：

您在模板中使用form1，但在模板上下文中传递form：

render_template('index.html', form=form1, num=num, classify=Classify)

您可以在模板内将form1 更改为form，或者在上面的行中传递form1=form1。

如果您在同一个模板中渲染多个表单，则必须从渲染该模板的所有视图中传递所有相应的表单变量：form1、form2、...。否则模板渲染会引发你看到的错误。

如果您有兴趣在模板内所有可能的表单中呈现单个表单，您可以使用条件渲染使用

{% if form1 %}
<div>
  <form action="/" method="POST">
    <dl>
      {{ form1.csrf_token }}
      ...
    </dl>
  </form>
</div>
{% endif %}

{% if form2 %}
<form action="/aliRange" method="POST">
...
</form>
{% endif %}

...

另外，您的 html 对我来说似乎不正确，因为您有一个嵌套在另一个表单中的表单。不确定你想在那里获得什么。

【讨论】：

我不知道我是否理解正确，但这似乎并没有改变什么？为什么是 'form1=form1' 而不是 'form=form1'？
因为在模板内部你将把变量传递给上下文。如果您执行form=...，那么您将拥有变量form，而不是form1（即使它包含视图内的form1）。你可以传递form=form1，但是在模板内部，你必须使用form，而不是form1。
即使我执行 'return render_template('index.html', form1=form1, num=num,classify=Classify)' 并更改 index.html 中的所有内容以反映这一点，例如：'{{ form2.csrf_token }}' 我仍然得到 jinja2.exceptions.UndefinedError: 'form2' is undefined
我想我更好地理解了您的问题，您正在渲染多个表单，但针对不同的视图，每个视图只传递一个表单。这是不可能的，您必须从渲染模板的每个视图中传递所有表单，否则丢失的表单会引发该错误。如果合适的话，您可以使用{% if %} ... {% endif %} 来防止呈现丢失的表单，否则您必须从不同的视图传递所有表单。
我认为这几乎已经解决了 - 我得到 'AttributeError: 'Request' object has no attribute 'form1''