具有空值行为的 wtforms validate_on_submit

Question

我想要一些帮助来理解验证在这种情况下的功能。我有以下代码： 1. forms.py - 这里我定义了我的表格

    from flask_wtf import FlaskForm
    from wtforms import StringField, PasswordField, SubmitField, BooleanField
    import email_validator
    from wtforms.validators import DataRequired, Length, Email, EqualTo


    class RegistrationForm(FlaskForm):
        username = StringField('Username',
                               validators=[DataRequired(),
                                           Length(min=2, max=20)])

        email = StringField('Email',
                            validators=[DataRequired(), Email()])

        password = PasswordField('Password',
                                 validators=[DataRequired()])

        confirm_password = PasswordField('Confirm Password',
                                         validators=[DataRequired(),
                                                     EqualTo('password')])

        submit = SubmitField('Sign Up')

app.py - 主应用程序

    from flask import Flask, render_template, url_for, flash, redirect
    from forms import RegistrationForm, LoginForm

    app = Flask(__name__)

    app.config['SECRET_KEY'] = 'giberish'


    @app.route("/")
    @app.route("/home")
    def home():
        return render_template("home.html", title="Home", posts=posts)


    @app.route('/register', methods=['GET', 'POST'])
    def register():
        form = RegistrationForm()
        if form.validate_on_submit():
            flash(f'Account created for {form.username.data}!', 'success')
            return redirect(url_for('home'))
        return render_template('register.html', title='register', form=form)


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

register.html - 模板

{% extends "layout.html" %}
{% block content %}
  <div class="content-section">
    <form method="POST" action="">
      {{ form.hidden_tag() }}
      <fieldset class="form-group">
        <legend class="border-bottom mb-4">Join Today</legend>
        <div class="form-group">
          {{ form.username.label(class="form-control-label") }}
          {% if form.username.errors %}
            {{ form.username(class="form-control form-control-lg is-invalid") }}
            <div class="invalid-feedback">
              {% for error in form.username.errors %}
                <span>{{ error }}</span>
              {% endfor %}
            </div>
            {% else %}
            {{ form.username(class="form-control form-control-lg") }}
          {% endif %}
        </div>
        <div class="form-group">
          {{ form.email.label(class="form-control-label") }}
          {% if form.email.errors %}
            {{ form.email(class="form-control form-control-lg is-invalid") }}
            <div class="invalid-feedback">
              {% for error in form.email.errors %}
                <span>{{ error }}</span>
              {% endfor %}
            </div>
          {% else %}
            {{ form.email(class="form-control form-control-lg") }}
          {% endif %}
        </div>
        <div class="form-group">
          {{ form.password.label(class="form-control-label") }}
          {% if form.password.errors %}
            {{ form.password(class="form-control form-control-lg is-invalid") }}
            <div class="invalid-feedback">
              {% for error in form.password.errors %}
                <span>{{ error }}</span>
              {% endfor %}
            </div>
          {% else %}
            {{ form.password(class="form-control form-control-lg") }}
          {% endif %}
        </div>
        <div class="form-group">
          {{ form.confirm_password.label(class="form-control-label") }}
          {% if form.confirm_password.errors %}
            {{ form.confirm_password(class="form-control form-control-lg is-invalid") }}
            <div class="invalid-feedback">
              {% for error in form.confirm_password.errors %}
                <span>{{ error }}</span>
              {% endfor %}
            </div>
          {% else %}
            {{ form.confirm_password(class="form-control form-control-lg") }}
          {% endif %}
        </div>
      </fieldset>
      <div class="form-group">
        {{ form.submit(class="btn btn-outline-info") }}
      </div>
  </div>
  <div class="border-top pt-3">
    <small class="text-muted">
      Already Have An Account? <a href="{{url_for('login')}}" class="ml-2">Sign In</a>.
    </small>
  </div>
  {% if form.errors %}
      {{ form.errors }}
  {% endif %}
{% endblock content %}

正如一些人从 Corey Schafer 的视频和代码功能中看到的那样，但至少在我提交空表单的情况下并不完全符合预期。

在 Corey 提交空表单的视频中，form.field.errors 被填充并且错误显示在每个字段下方。

在我的例子中，我只得到带有红色轮廓的字段和一个弹出窗口，请填写此字段。我想知道是我做错了什么，还是这最终是表单验证中的一种新行为。

我花了几个小时试图理解，但我没有理解。在我填写一个字符的情况下， form.field.errors 被填充并显示错误消息。我的床是 DataRequired() 验证器以某种方式使验证短路，但我不是 100% 确定，因为我是这方面的初学者。

我最终也希望能找到一种解决此类错误的方法，以及在何处查找此类小细节（在文档或（我的）代码中）。

谢谢！

Answer 1

我认为上述行为的原因是文档中的这一行：

class wtforms.validators.DataRequired(message=None) source

If the data is empty, also removes prior errors (such as processing errors) from the field.

因此，要实现您想要的效果，请替换这些：

username = StringField('Username', validators=[DataRequired(),Length(min=2, max=20)])

这些 :

username = StringField('Username', validators=[InputRequired(),Length(min=2, max=20)])

因为根据上面链接的文档页面：

Unless a very specific reason exists, we recommend using the InputRequired instead.

让我知道这是否回答了您的问题并解决了您的问题:D

Answer 2

感谢 Akib Rhast I have found the answer: it is in the change log for wtforms 2.2 并与此拉取请求有关：

小部件在使用提供 'required' 标志的验证器（例如 DataRequired）时呈现必需的属性。 #361

使用 wtforms 2.1 我可以确认行为与 Corey 在 youtube 上的视频一致，并且错误消息显示在空提交时的表单字段下方。

从 2.2 版开始，验证在 post 之前完成，以防空提交。

这里的要点：阅读文档男孩和女孩。再次感谢Akib Rhast!!!

具有空值行为的 wtforms validate_on_submit

wtforms validate_on_submit with empty values behaviour

python

validation

flask

flask-wtforms