一 安装wtforms
pip install wtforms
二 导入相关模块及对象
from wtforms import Form, widgets, validators from wtforms.fields import simple
三 定义表单类
# 登陆表单 class LoginForm(Form): name = simple.StringField( label=u'用户名', validators=[ validators.DataRequired(message=u'用户名不能为空'), validators.Length(min=3, max=8, message=u'用户名长度必须大于%(min)d且小于%(max)d') ], widget=widgets.TextInput(), render_kw={'class': 'form-control'} ) pwd = simple.PasswordField( label=u'密码', validators=[ validators.DataRequired(message=u'密码不能为空'), validators.Length(min=3, max=8, message=u'密码至少大于3个字符'), validators.Regexp(regex="d+", message=u'密码必须是数字') ], widget=widgets.PasswordInput(), render_kw={'class': 'form-control'} ) class Meta: csrf = False def validate_pwd(self, *args, **kwargs): pass
四 在视图函数中将表单对象传给模板进行渲染
@app.route('/login', methods=['GET', 'POST']) def login(): if request.method == 'GET': form = LoginForm() return render_template('login.html', form=form) else: form = LoginForm(request.form) if form.validate(): else: print(form.errors) return render_template('login.html', form=form)
五 在模板中展示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="" method="post" novalidate> <p>{{ form.name.label }} {{ form.name }} {{ form.name.errors.0 }}</p> <p>{{ form.pwd.label }} {{ form.pwd }} {{ form.pwd.errors.0 }}</p> <input type="submit" value="提交"> </form> </body> </html>
界面展示
