一、什么是wtforms

WTForms是一个支持多个web框架的form组件，主要用于对用户请求数据进行验证。

安装：

pip3 install WTForms

二、简单使用wtforms组件

（一）用户登陆验证

py文件代码：

from  flask import Flask,render_template,request,redirect

from  wtforms.fields import core

from wtforms.fields import html5

from wtforms.fields import simple

from wtforms import Form

from wtforms import validators

from wtforms import widgets

app = Flask(__name__,template_folder="templates")

class Myvalidators(object):

    '''自定义验证规则'''

    def __init__(self,message):

        self.message = message

    def __call__(self, form, field):

        print(field.data,"用户输入的信息")

        if field.data == "haiyan":

            return None

        raise validators.ValidationError(self.message)

class LoginForm(Form):

    '''Form'''

    name = simple.StringField(

        label="用户名",

        widget=widgets.TextInput(),

        validators=[

            Myvalidators(message="用户名必须是haiyan"),#也可以自定义正则

            validators.DataRequired(message="用户名不能为空"),

            validators.Length(max=8,min=3,message="用户名长度必须大于%(max)d且小于%(min)d")

        ],

        render_kw={"class":"form-control"}  #设置属性

    )

    pwd = simple.PasswordField(

        label="密码",

        validators=[

            validators.DataRequired(message="密码不能为空"),

            validators.Length(max=8,min=3,message="密码长度必须大于%(max)d且小于%(min)d"),

            validators.Regexp(regex="\d+",message="密码必须是数字"),

        ],

        widget=widgets.PasswordInput(),

        render_kw={"class":"form-control"}

    )

@app.route('/login',methods=["GET","POST"])

def login():

    if request.method =="GET":

        form = LoginForm()

        return render_template("login.html",form=form)

    else:

        form = LoginForm(formdata=request.form)

        if form.validate():

            print("用户提交的数据用过格式验证，值为：%s"%form.data)

            return "登录成功"

        else:

            print(form.errors,"错误信息")

        return render_template("login.html",form=form)

if __name__ == '__main__':

    app.run(debug=True)

login.html：

<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="提交">

    <!--用户名：<input type="text">-->

    <!--密码：<input type="password">-->

    <!--<input type="submit" value="提交">-->

</form>

</body>

前端页面效果：

（二）用户注册验证

py文件代码：

from flask import Flask,render_template,redirect,request

from wtforms import Form

from wtforms.fields import core

from wtforms.fields import html5

from wtforms.fields import simple

from wtforms import validators

from wtforms import widgets

app = Flask(__name__,template_folder="templates")

app.debug = True

=======================simple===========================

class RegisterForm(Form):

    name = simple.StringField(

        label="用户名",

        validators=[

            validators.DataRequired()

        ],

        widget=widgets.TextInput(),

        render_kw={"class":"form-control"},

        default="haiyan"

    )

    pwd = simple.PasswordField(

        label="密码",

        validators=[

            validators.DataRequired(message="密码不能为空")

        ]

    )

    pwd_confim = simple.PasswordField(

        label="重复密码",

        validators=[

            validators.DataRequired(message='重复密码不能为空.'),

            validators.EqualTo('pwd',message="两次密码不一致")

        ],

        widget=widgets.PasswordInput(),

        render_kw={'class': 'form-control'}

    )

　　========================html5============================

    email = html5.EmailField(  #注意这里用的是html5.EmailField

        label='邮箱',

        validators=[

            validators.DataRequired(message='邮箱不能为空.'),

            validators.Email(message='邮箱格式错误')

        ],

        widget=widgets.TextInput(input_type='email'),

        render_kw={'class': 'form-control'}

    )

　　===================以下是用core来调用的=======================

    gender = core.RadioField(

        label="性别",

        choices=(

            (1,"男"),

            (1,"女"),

        ),

        coerce=int  #限制是int类型的

    )

    city = core.SelectField(

        label="城市",

        choices=(

            ("bj","北京"),

            ("sh","上海"),

        )

    )

    hobby = core.SelectMultipleField(

        label='爱好',

        choices=(

            (1, '篮球'),

            (2, '足球'),

        ),

        coerce=int

    )

    favor = core.SelectMultipleField(

        label="喜好",

        choices=(

            (1, '篮球'),

            (2, '足球'),

        ),

        widget = widgets.ListWidget(prefix_label=False),

        option_widget = widgets.CheckboxInput(),

        coerce = int,

        default = [1, 2]

    )

    def __init__(self,*args,**kwargs):  #这里的self是一个RegisterForm对象

        '''重写__init__方法'''

        super(RegisterForm,self).__init__(*args, **kwargs)  #继承父类的init方法

        self.favor.choices =((1, '篮球'), (2, '足球'), (3, '羽毛球'))  #吧RegisterForm这个类里面的favor重新赋值

    def validate_pwd_confim(self,field,):

        '''

        自定义pwd_config字段规则，例：与pwd字段是否一致

        :param field:

        :return:

        '''

        # 最开始初始化时，self.data中已经有所有的值

        if field.data != self.data['pwd']:

            # raise validators.ValidationError("密码不一致") # 继续后续验证

            raise validators.StopValidation("密码不一致")  # 不再继续后续验证

@app.route('/register',methods=["GET","POST"])

def register():

    if request.method=="GET":

        form = RegisterForm(data={'gender': 1})  #默认是1,

        return render_template("register.html",form=form)

    else:

        form = RegisterForm(formdata=request.form)

        if form.validate():  #判断是否验证成功

            print('用户提交数据通过格式验证，提交的值为：', form.data)  #所有的正确信息

        else:

            print(form.errors)  #所有的错误信息

        return render_template('register.html', form=form)

if __name__ == '__main__':

    app.run()

register.html：

<body>

<h1>用户注册</h1>

<form method="post" novalidate style="padding:0  50px">

    {% for item in form %}

    <p>{{item.label}}: {{item}} {{item.errors[0] }}</p>

    {% endfor %}

    <input type="submit" value="提交">

</form>

</body>

前端页面效果：

flask框架中使用wtforms的更多相关文章

  1. Flask 框架中 上下文基础理念，包括cookie，session存储方法，requset属性，current_app模块和g模块

    Flask中上下文,分为请求上下文和应用上下文.既状态留存 ,就是把变量存在某一个地方可以调用 请求上下文:实际就是request和session用法理念,既都是可以存储东西. 应用上下文:既变量共享 ...

  2. 在flask框架中，对wtforms的SelectMultipleField的一个报错处理

    先粘贴代码: form.py文件: users = SelectMultipleField( label="请选择用户", validators=[ DataRequired(&q ...

  3. Flask框架中特有的变量/函数及上下文

    模板中特有的变量和函数 你可以在自己的模板中访问一些 Flask 默认内置的函数和对象 config 你可以从模板中直接访问Flask当前的config对象: {{config.SQLALCHEMY_ ...

  4. flask框架中勾子函数的使用

    在客户端和服务器交互的过程中,有些准备工作或扫尾工作需要处理,比如: 在请求开始时,建立数据库连接: 在请求开始时,根据需求进行权限校验: 在请求结束时,指定数据的交互格式: 为了让每个视图函数避免编 ...

  5. flask框架-中

    路由扩展 @app.route和app.add_url_rule参数 # rule,URL 规则 # view_func,视图含数名称 # defaults = None,默认值,当url中无参数,函 ...

  6. flask框架中，利用数据库增删查改

    # 配置数据库app.config['SQLALCHEMY_DATABASE_URI'] = "mysql://root:mysql@127.0.0.1:3306/booktest" ...

  7. Flask框架 （四）—— 请求上下文源码分析、g对象、第三方插件（flask_session、flask_script、wtforms）、信号

    Flask框架 (四)—— 请求上下文源码分析.g对象.第三方插件(flask_session.flask_script.wtforms).信号 目录 请求上下文源码分析.g对象.第三方插件(flas ...

  8. Flask框架知识点整合

    Flask 0.Flask简介 Flask是一个基于Python开发并且依赖jinja2模板和Werkzeug WSGI服务的一个微型框架,对于Werkzeug本质是Socket服务端,其用于接收ht ...

  9. Flask 框架 重定向，捕获异常，钩子方法及使用jsonify在网页返回json数据

    Flask 框架中常用到重定向方法来实现路由的跳转 ,路由跳转又分为站内跳转和站外跳转 常用的站内跳转方法为url_for  而常用的站外跳转为redirect 在这里提示一下: 在使用两种方法是须调 ...

随机推荐

  1. 波士顿房价预测 - 最简单入门机器学习 - Jupyter

    机器学习入门项目分享 - 波士顿房价预测 该分享源于Udacity机器学习进阶中的一个mini作业项目,用于入门非常合适,刨除了繁琐的部分,保留了最关键.基本的步骤,能够对机器学习基本流程有一个最清晰 ...

  2. linux查看系统的一些版本号指令

    1.查看系统 [root@iZbp1eoiap1e1jb6pvo390Z ~]# lsb_release -a LSB Version: :core-4.1-amd64:core-4.1-noarch ...

  3. [Mathematics][MIT 18.03] Proof of a Theory about the Solution to Second-order Linear Homogeneous Differential Equation

    At first, I'd like to say thank you to MIT open courses which give me the privilege to enjoy the mos ...

  4. Lxde添加触摸板双击功能、防误触

    前言 本文链接:https://www.cnblogs.com/hellxz/p/linux_touchpad_settings.html 这时简单记录一下最近两天折腾Lxde的触摸板功能的设置,留待 ...

  5. Scala 学习笔记之集合(6)

    object CollectionDemo7 { def main(args: Array[String]): Unit = { //数组使用 val arr = Array("red&qu ...

  6. MongoDB 学习笔记之 $or与索引关系

    $or与索引关系: 对leftT集合的timestamp创建索引 执行$or语句:db.leftT.find({$or: [{ "timestamp" : 5},{"ag ...

  7. python爬虫入门10分钟爬取一个网站

    一.基础入门 1.1什么是爬虫 爬虫(spider,又网络爬虫),是指向网站/网络发起请求,获取资源后分析并提取有用数据的程序. 从技术层面来说就是 通过程序模拟浏览器请求站点的行为,把站点返回的HT ...

  8. 网络驱动之net_device结构体

    在Linux系统中,网络设备都被抽象为struct net_device结构体.它是网络设备硬件与上层协议之间联系的接口,了解它对编写网络驱动程序非常有益,所以本文将着手简要介绍linux-2.6.3 ...

  9. 第一次 在Java课上的编程

    第一次在java课上的编程(使用参数输入求和): 代码: public class He {    public static void main(String[] args)    {       ...

  10. 【POJ2001】Shortest Prefixes

    Shortest Prefixes Time Limit: 1000MS   Memory Limit: 30000K Total Submissions: 18724   Accepted: 810 ...