烧瓶-无法在SubForms中使用验证器

时间:2019-07-08 15:41:57

标签: python python-3.x flask flask-wtforms wtforms

我的意思是:

我有一个带有FloatFields的FieldList输入。 但是这些嵌套字段中的验证器无法运行。

当我有基本表单时,NumberRange可以正常工作。 但是当我使用嵌套表单时,wtforms.validators.NumberRange会触发以下错误:

  

TypeError:“ FloatField”实例与   'int'

我不知道为什么会发生错误?

这是我的主文件:

from flask import Flask, render_template, flash
from flask_wtf import FlaskForm
from wtforms import FloatField, SubmitField, StringField, FieldList, FormField
from wtforms.validators import NumberRange


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

class mySubForm(FlaskForm):
    class Meta:
        csrf = False
    mySubField = FloatField(validators=[NumberRange(min=-100, max=100)])

class myForm(FlaskForm):
    myField = FieldList(FormField(mySubForm))
    mySubmit = SubmitField("Save")


@app.route('/', methods=['GET','POST'])
def home():
    form = myForm()

    xLabels = ["A", "B", "C", "D"]

    for x in xLabels:
        subForm = mySubForm()
        form.myField.append_entry(subForm)

    if form.validate_on_submit():
        flash("success")

    return render_template("draft.html", form=form)


if __name__ == "__main__":
    app.run(host="127.0.0.1", port="5000" ,debug=True)

这是我的模板:

<!DOCTYPE html>
<html>
  <head>
    <style>
      .error{border-color: red;}
    </style>
  </head>
  <body>
    <div>
      <form method="POST" action="/">
        {{ form.hidden_tag() }}

        {% for field in form.myField %}
          {% if field.mySubField.errors %}
            {{ field.mySubField(class="error") }}
            {% for error in field.mySubField.errors %}
              <span>{{ error }}</span>
            {% endfor %}
          {% else %}
            {{ field.mySubField.data }}
          {% endif %}
        {% endfor %}

        {{ form.mySubmit() }}
      </form>

      {% with messages = get_flashed_messages(with_categories=False) %}
        {% if messages %}
          {% for message in messages %}
            <p>{{ message }}</p>
          {% endfor %}
        {% endif %}
      {% endwith %}
    </div>

  </body>
</html>

2 个答案:

答案 0 :(得分:2)

问题在于append_entry不接受字段,接受原始数据,因此验证失败,因为它正在将数字与FloatField进行比较。

向其传递字段也是为什么您必须在模板中使用mySubField.data而不是简单地使用mySubField()的原因,因为实际上mySubField正在渲染另一个字段,你通过了。

要解决此问题,您可以执行类似的操作

form.myField.append_entry({'mySubField': some_number})

如上所述,这也可以让您修复模板:

{% else %}
  {{ field.mySubField() }}
{% endif %}

顺便说一句,您可能希望将add_entry逻辑包含在条件中,以便仅在GET请求中使用,否则每次提交表单时都会添加新条目。 / p>

答案 1 :(得分:0)

感谢路易斯,这是工作代码:

我的主文件:

from flask import Flask, render_template, flash, request
from flask_wtf import FlaskForm
from wtforms import FloatField, SubmitField, StringField, FieldList, FormField
from wtforms.validators import NumberRange


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


class myForm(FlaskForm):
    myField = FieldList(FloatField(validators=[NumberRange(min=-100, max=100)]))
    mySubmit = SubmitField("Save")


@app.route('/', methods=['GET','POST'])
def home():
    form = myForm()

    xLabels = ["A", "B", "C", "D"]

    if request.method == 'GET':
        for x in xLabels:
            form.myField.append_entry(data=42)

    if form.validate_on_submit():
        flash("success")

    return render_template("drat.html", form=form)


if __name__ == "__main__":
    app.run(host="127.0.0.1", port="5000" ,debug=True)

模板:

<!DOCTYPE html>
<html>
  <head>
    <style>
      .error{border-color: red;}
    </style>
  </head>
  <body>
    <div>
      <form method="POST" action="/">
        {{ form.hidden_tag() }}

        {% for field in form.myField %}
          {% if field.errors %}
            <br>{{ field(class="error") }}
            {% for error in field.errors %}
              <span><br>{{ error }}</span>
            {% endfor %}
          {% else %}
            <br>{{ field }}
          {% endif %}
        {% endfor %}

        <br>{{ form.mySubmit() }}
      </form>

      {% with messages = get_flashed_messages(with_categories=False) %}
        {% if messages %}
          {% for message in messages %}
            <p>{{ message }}</p>
          {% endfor %}
        {% endif %}
      {% endwith %}
    </div>

  </body>
</html>