Flask框架 之Flask-WTF表单扩展
pip install flask-wtf
一、WTForms支持的HTML标准字段
字段对象 | 说明 |
---|---|
StringField | 文本字段 |
TextAreaField | 多行文本字段 |
PasswordField | 密码文本字段 |
HiddenField | 隐藏文本字段 |
DateField | 文本字段,值为datetime.date格式 |
DateTimeField | 文本字段,值为datetime.datetime格式 |
IntegerField | 文本字段,值为整数 |
DecimalField | 文本字段,值为decimal.Decimal |
FloatField | 文本字段,值为浮点数 |
BooleanField | 复选框,值为True和False |
RadioField | 一组单选框 |
SelectField | 下拉列表 |
SelectMultipleField | 下拉列表,可选择多个值 |
FileField | 文本上传字段 |
SubmitField | 表单提交按钮 |
FormField | 把表单作为字段嵌入另一个表单 |
FieldList | 一组指定类型的字段 |
二、WTForms常用验证函数
验证函数 | 说明 |
---|---|
DataRequired | 确保字段中有数据 |
EqualTo | 比较两个字段的值,常用于比较两次密码输入 |
Length | 验证输入的字符串长度 |
NumberRange | 验证输入的值在数字范围内 |
URL | 验证URL |
AnyOf | 验证输入值在可选列表中 |
NoneOf | 验证输入值不在可选列表中 |
三、示例
from flask import Flask, redirect, request, url_for, render_template, session from flask_wtf import FlaskForm from wtforms import StringField, PasswordField, SubmitField from wtforms.validators import DataRequired, EqualTo # 创建flask应用对象 # __name__ 代表当前模块名称 # flask以当前目录为总目录,static目录为静态目录,templates为模版目录 app = Flask(__name__) app.config["SECRET_KEY"] = "yang" # 定义表单模型类 class RegisterForm(FlaskForm): # DataRequired 设置数据必填 username = StringField(label=u"用户名:", validators=[DataRequired(u"请输入用户名")]) password = PasswordField(label=u"密码", validators=[DataRequired("请输入密码")]) password2 = PasswordField(label="确认密码", validators=[DataRequired("请输入秘密"), EqualTo("password", "两次密码不一致")]) submit = SubmitField(label=u"注册") @app.route("/") def index(): user_info = session.get("user_info") return str(user_info) @app.route("/register", methods=["POST", "GET"]) def register(): # 如果是post,会把前端返回的数据放到form中 form = RegisterForm() # 验证表单数据是否合格 if form.validate_on_submit(): # 验证合格, 提取数据 username = form.username.data password = form.password.data print("username: %s, password=%s" % (username, password)) session["user_info"] = {"username": username, "password": password} return redirect(url_for("index")) return render_template("register.html", form = form) if __name__ == '__main__': # 启动应用程序 app.run(port=8083,debug=True)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="" method="post"> {{form.csrf_token}} {{form.username.label}} <p>{{form.username}}</p> {% for msg in form.username.errors %} <p>{{msg}}</p> {% endfor %} {{form.password.label}} <p>{{form.password}}</p> {% for msg in form.password.errors %} <p>{{msg}}</p> {% endfor %} {{form.password2.label}} <p>{{form.password2}}</p> {% for msg in form.password2.errors %} <p>{{msg}}</p> {% endfor %} {{form.submit}} </form> </body> </html>