Flask-WTF 示例

关注

原创最新推荐文章于 2026-06-25 09:04:41 发布 2.9k 阅读 AI 写同款· GEO 优化 ›

如何使用Flask-WTF来处理表单提交和验证？总之，Flask-WTF提供了一个简单的方法来处理Flask应用中的表单提交和验证。Flask-WTF是一个Flask插件，它结合了Flask和WTForms，使得在Flask应用中处理表单变得非常简单。身份验证：Flask-WTF提供了一个简单的的方法来验证用户身份，可以与Flask的认证系统集成。接下来，让我们创建一个简单的Flask应用，并使用Flask-WTF处理表单提交和验证。自定义验证器：可以使用自定义验证器来验证表单数据，例如邮箱地址验证、密码强度验证等。首先，我们要安装Flask-WTF。阅读详情

Flask-WTF 示例

坑请注意

如selectField字段提示: choices not valid

area = SelectField(coerce=int)

form.py

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


class UserRegisterForm(FlaskForm):
    username = StringField('用户名', [DataRequired('用户名必填！'), Length(min=6, max=20, message='用户名必须介于6-20字符！')])
    password = PasswordField('密码', [DataRequired('密码必填！'), Length(min=6, max=20, message='密码必须介于6-20字符！')])
    confirm = PasswordField('重复密码', [DataRequired('重复密码必填！'), EqualTo('password', message='两次密码输入不一致！')])
    email = StringField('邮箱', [DataRequired('邮箱必填！'), Email('邮箱格式不正确！')])

view.py

class RegView(MethodView):
    def get(self):
        form = UserRegisterForm(request.form)
        return render_template('register.html', form=form)

    def post(self):
        form = UserRegisterForm(request.form)
        if User.query.filter_by(username=form.username.data).first():
            flash("当前用户名已经注册！")
            return render_template('register.html', form=form)
        elif User.query.filter_by(email=form.email.data).first():
            flash("当前邮箱已经注册！")
            return render_template('register.html', form=form)
        else:
            form.validate_on_submit()
            user = User(
                form.username.data,
                form.password.data,
                form.email.data,
            )
            user.save()
            return redirect(url_for('.login'))

jinja2 宏方法 helper.html 获取 flask的 flash 消息

{% macro renden_field(field) %}
    {% if field.errors %}
        {% for error in field.errors %}
            <li style="font-size: medium">{{ error }}</li>
        {% endfor %}
    {% endif %}
{% endmacro %}

{% macro messages(get_flashed_messages) %}
    {% with messages = get_flashed_messages() %}
        {% if messages %}
            {% for message in messages %}
            <div class="alert alert-danger">
                <a href="#" class="close" data-dismiss="alert">×</a>
                {{ message }}
            </div>
            {% endfor %}
        {% endif %}
    {% endwith %}
{% endmacro %}

form.html

{% from 'helper.html' import renden_field,messages %}
        <form action="" class="form-horizontal" method="post">
            {{ form.csrf_token }}
            {{ messages(get_flashed_messages) }}
            <div class="panel-body">
                <div class="form-group">
                    {{ form.username.label(class="col-lg-2 col-sm-2 control-label") }}
                    <div class="col-md-6">
                        {{ form.username(class='from-control') }}
                        {{ renden_field(form.username) }}
                    </div>
                </div>
                <div class="form-group">
                    {{ form.password.label(class="col-lg-2 col-sm-2 control-label") }}
                    <div class="col-md-6">
                        {{ form.password(class='from-control') }}
                        {{ renden_field(form.password) }}
                    </div>
                </div>