Wtforms自定义验证消息被忽略

时间:2019-01-25 13:47:20

标签: flask flask-wtforms

我正在使用flask建立一个非常简单的注册表单,我想为DataRequiredEmail验证器自定义错误消息,但是似乎我的自定义消息被忽略了,默认消息是正在打印。以下是我的代码段

forms.py

class SignUp(FlaskForm):
    username = StringField('Username', validators=[DataRequired(message='Must be filled'), length(min=4, max=10)])
    email = EmailField('Email', validators=[DataRequired(message='Email can\'t be blank'),
                                            Email(message='valid email address required')])
    password = PasswordField('Password', validators=[DataRequired()])
    confirm_password = PasswordField('Confirm Password',
                                     validators=[DataRequired(), EqualTo('password', 'Passwords must match')])
    submit = SubmitField('Register')

signup.html

{% extends "base.html" %}
{% from "jinja_helpers.html" import render_field %}
{% from "jinja_helpers.html" import render_button %}
{% block body %}
    <div class="container mt-4">
        <form action="" method="POST">
            {{ form.hidden_tag() }}
            {{ render_field(form.username) }}
            {{ render_field(form.email) }}
            {{ render_field(form.password) }}
            {{ render_field(form.confirm_password) }}
            {{ render_button(form.submit) }}
        </form>
        <div class="form-row mt-3">
            <small class="text-muted">Already have an account ? <a href="{{ url_for('login') }}">Log In</a></small>
        </div>
    </div>

{% endblock %}

jinja_helpers.html

{% macro render_field(field) %}
    <div class="form-group">
        {{ field.label(class="form-control-label font-weight-bold text-muted") }}
        {% if field.errors %}
            {{ field(class="form-control is-invalid") }}
            <div class="invalid-feedback">
                {% for error in field.errors %}
                    <span>{{ error }}</span>
                {% endfor %}
            </div>
        {% else %}
            {{ field(class="form-control") }}
        {% endif %}


    </div>
{% endmacro %}


{%  macro render_button(button) %}
    {{ button(class="btn btn-dark") }}
{%  endmacro %}

在表单上,​​当我将usernameemail字段保留为空白时,我收到的验证弹出消息是“请填写此字段”,我猜这是默认设置。当我将此字段留空并且form.errors字典为空时,我也尝试打印errors

views.py

@app.route('/signup', methods=['GET', 'POST'])
def signup():
    form = SignUp()
    print(f'------{form.errors}')
    if form.validate_on_submit():
        username = form.username.data
        password = form.password.data
        user = User(username, password)
        db.session.add(user)
        db.session.commit()
        flash('Account created successfully !', 'success')
        return redirect(url_for("login"))
    return render_template("signup.html", form=form, title='App-Sign Up')

这就是我得到的

------{}
127.0.0.1 - - [25/Jan/2019 19:08:34] "GET /signup HTTP/1.1" 200 -
127.0.0.1 - - [25/Jan/2019 19:08:34] "GET /static/css/main.css HTTP/1.1" 404 -

那么为什么没有在errors中添加这些错误,以及为什么自定义消息没有生效。这些与如何相关?

1 个答案:

答案 0 :(得分:0)

DataRequiredEmail验证程序的自定义验证消息的原因是由于浏览器正在使用这些验证程序的默认消息的应用程序客户端。覆盖默认设置的方法是将novalidate消息附加到html form

这告诉浏览器停止自行进行表单验证,以便可以由后端(在这种情况下为flask)进行处理。

这是我必须对signup.html进行的唯一更改,并且效果很好。