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')

1. 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)

1. 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

感谢Akib Rhast 我找到了答案：它在wtforms 2.2 的更改日志中，并且与此拉取请求有关：

小部件在使用提供“必需”标志的验证器时呈现必需的属性，例如 DataRequired。 #361

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

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

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

Answer 2

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

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

如果数据为空，还会从字段中删除先前的错误（例如处理错误）。

所以，要实现你想要的替换替换这些：

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

这些：

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

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

除非存在非常具体的原因，否则我们建议改用 InputRequired。

如果这回答了您的问题并解决了您的问题，请告诉我：D