当前位置:   article > 正文

flask form表单

flask form

首先安装第三方form表单的扩展包,当然不使用第三方的也可以。第三方包的功能更多。

一、安装扩展

pip install flask-wtf
  • 1

二、创建一个form表单类

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

class Register(FlaskForm):
    username = StringField(label='username',
                           validators=[DataRequired()],
                           render_kw={
                               'placeholder': 'username',
                               'class': 'input_text'
                           })
    password = PasswordField(label='password',
                             validators=[DataRequired(),
                                         Length(3, 8, '密码长度必须在3-8之间')])
    cpassword = PasswordField(label='cpassword',
                              validators=[DataRequired(),
                                          EqualTo('password', '两次密码不一致')])
    submit = SubmitField('提交')
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

前端会根据label生成id和name属性,validators会提供表单提交时的验证。render_kw可以添加额外的属性,例如,要个username 输入框添加提示和类属性,可以这样写

render_kw={
    'placeholder': 'username',
    'class': 'input_text'
}
  • 1
  • 2
  • 3
  • 4
常用验证类介绍

DataRequired()验证是否为空(不允许为空,空白字符视为空)
在这里插入图片描述
NumberRange(),验证数字范围
在这里插入图片描述
Length(),验证字符串长度
在这里插入图片描述
EqualTo(),比较两个值是否相同
在这里插入图片描述

三、使用表单

@app.route('/testform', methods=['get', 'post'])
def testform():
    form = Register()
    if request.method == 'GET':
        return render_template('form.html', form=form)
    if request.method == 'POST':
        # 验证表单
        if form.validate_on_submit():
            # 获取表单方式1
            username = form.username.data
            password = form.password.data
            print("11111111111111111111111111111")
            print(username)
            print(password)
            # 获取表单方式2
            print("22222222222222222222222")
            print(type(form.data))
            print(form.data)
            return "success"
        else:
            # 验证失败
            print(form.errors)
            error_msg = form.errors
            for k, v in error_msg.items():
                print(k, v[0])
            return "failed"
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26

四、前端添加表单

<form action="/testform" method="post">
    {{ form.csrf_token }}
    {{ form.username.label }}{{ form.username }}
    {{ form.password.label }}{{ form.password }}
    {{ form.cpassword.label }}{{ form.cpassword }}
    {{ form.submit }}
</form>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

前端页面
在这里插入图片描述
前端源代码
在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/66524
推荐阅读
相关标签
  

闽ICP备14008679号