安装 wtforms 2.2.1

直接上代码:

app.py 文件:

from flask import Flask, render_template, request

from wtforms import Form, validators

from wtforms.fields import simple, core

# form 字段设计

class RegForm(Form):

    # simple 字段类型

    # StringField 和 TextAreaField 都是字符串的意思,StringField支持的类型少于StringField

    username = simple.StringField(

        label="用户名",

        validators=[  # validators -- 校验信息

            validators.DataRequired(message="用户不能为空"),  # DataRequired -- 当前的地方必须填写数据;  message -- 错误信息

            validators.length(min=4, max=8, message="用户名必须大于等于4小于等于8")  # length -- 长度

        ],

        render_kw={"class": "my_class"}  # 添加 class

    )

    password = simple.PasswordField(

        label="密码",

        validators=[

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

            validators.length(min=6, max=16, message="密码必须大于等于6小于等于16")

        ],

        render_kw={"class": "my_class"}  # 添加 class

    )

    repassword = simple.PasswordField(

        label="重复密码",

        validators=[

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

            validators.EqualTo("password", message="两次密码不一致")  # EqualTo("字段名称") 判断该字段是否等于"字段名称"中的值

        ]

    )

    gender = core.SelectField(  # 单选字段在核心模块(支持的类型多)中才有

        label="性别",

        choices=(  # 选项

            (1, "女"),

            (2, "男")

        ),

        default=2,  # 默认值

        coerce=int  # 指定前端提交过来的选项的类型是数字还是字符串 下边有验证

    )

    email = simple.StringField(

        label="邮箱",

        validators=[

            validators.Email(message="不符合规定")

        ]

    )

    hobby = core.SelectMultipleField(  # 多选字段

        label="爱好",

        choices=(

            ("", "读书"),

            ("", "美食"),

            ("", "电影"),

            ("", "音乐"),

        ),

        default=("", "", "", ""),

        coerce=str  # 指定前端提交过来的选项的类型是数字还是字符串 下边有验证

    )

app = Flask(__name__)  # 实例化 app

reg_form = RegForm()  # form信息(对象)赋值给reg_form

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

def reg():

    if request.method == "GET":

        return render_template("form_reg.html", reg_form=reg_form)

    if request.method == "POST":

        reg_form_data = RegForm(request.form)  # 拿到前端传过来的数据(request.form),给RegForm进行校验

        if reg_form_data.validate():  # 如果前段穿过来的数据通过校验

            print(type(reg_form_data.data.get("gender")))   # <class 'int'>

            print(reg_form_data.data.get("hobby"))      # ['1', '2', '3', '4']

            return " * {注册成功} *    愿世界和平,无病无灾"

        else:

            # 前端传过来的内容未通过校验,返回注册页面, 附带注册提交的错误数据和错误提示

            return render_template("form_reg.html", reg_form=reg_form_data)

if __name__ == '__main__':

    app.run()

form_reg.html 文件:

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta http-equiv="content-Type" charset="UTF-8">

    <meta http-equiv="x-ua-compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Title</title>

    <style>

        .my_class{

            width: 500px;

        }

    </style>

</head>

<body>

<h1>注册页面</h1>

<form action="" method="post" enctype="multipart/form-data" novalidate>

    {% for field in reg_form %}

        <p>{{ field.label }}: {{ field }} <span style="color: red">{{ field.errors.0 }}</span> </p>

    {% endfor %}

{#    {{ reg_form.username.label }}: {{ reg_form.username }}{{ reg_form.username.errors.0 }}<br>#}

{#    {{ reg_form.password.label }}: {{ reg_form.password }}{{ reg_form.password.errors[0] }}<br>#}

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

</form>

</body>

</html>

Flask-WTForms 简单使用的更多相关文章

  1. Flask的简单认识

    Flask的简单认识 Flask是轻量级的框架,适用于简单的程序 与Django的比较: Django: 无socket,中间件,路由,视图(CBV,FBV),模板,ORM, cookie,sessi ...

  2. 使用Flask开发简单接口

    作为测试人员,在工作或者学习的过程中,有时会没有可以调用的现成的接口,导致我们的代码没法调试跑通的情况. 这时,我们使用python中的web框架Flask就可以很方便的编写简单的接口,用于调用或调试 ...

  3. Flask wtforms实现简单的登录注册

    目录结构 视图 # -*- coding:utf-8 -*- # Author : Niuli # Data : 2019-02-27 19:26 from flask import render_t ...

  4. flask wtforms组件详解

    一.简介 在flask内部并没有提供全面的表单验证,所以当我们不借助第三方插件来处理时候代码会显得混乱,而官方推荐的一个表单验证插件就是wtforms.wtfroms是一个支持多种web框架的form ...

  5. Flask wtforms 表单验证使用

    目录 wtforms 使用1(简单版): 使用2(复杂版): wtforms 安装:pip3 install wtforms 使用1(简单版): from flask import Flask, re ...

  6. Flask WTForms的使用和源码分析 —— （7）

    Flask-WTF是简化了WTForms操作的一个第三方库.WTForms表单的两个主要功能是验证用户提交数据的合法性以及渲染模板.还有其它一些功能:CSRF保护, 文件上传等.安装方法: pip3 ...

  7. flask的简单使用

    一.Flask中的CBV from flask import Flask, render_template from flask import views app = Flask(__name__, ...

  8. Python: Flask框架简单介绍

    接触Python之后我第一次听说Flask,我就根据自己搜罗的知识尽可能简洁的说出来.如果不准确的地方还请指正,谢谢. Flask是什么?             Flask是基于Python编写的微 ...

  9. WTForms In Flask(WTForms在Flask中的应用)

    WTForms WTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进行验证. 安装wtforms : pip3/pip install wtforms 用户登录/注册示例 项 ...

  10. Flask实现简单的群聊和单聊

    Flask是使用python写的一个简单轻量级的框架,今天我们使用Flask实现一个简单的单聊和群聊功能 . 主要思路 : 前端登录聊天室,聊天室信息包含用户的登录信息,相当于一个登录功能,会把这个信 ...

随机推荐

  1. Navicat premium 12破解版

    下载Navicat  Premium 12和破解补丁Navicat_Keygen_Patch,底部有下载地址.下载之后安装Navicat,安装成功后先不要打开,然后打开破解补丁,破解补丁不需要安装,双 ...

  2. python初识，变量，条件判断语句，基本数据类型，while循环语句

    python文件后缀可以是任意,但是导入模块时不用.py后缀时会报错 python文件的两种执行方式: python解释器 python文件路径 进入python解释权,事实获取执行结果 在Linux ...

  3. CVTE前端一面

    1.如果不设置cookie失效时间:  关闭浏览器自动关闭. 有没有手写过cookie HttpOnly 2.跨域的几种方式 如何实现cors 2.web安全: xss,csrf    如何防范 3. ...

  4. 搭建zookeeper+kafka集群

      搭建zookeeper+kafka集群 一.环境及准备 集群环境:   软件版本: 部署前操作: 关闭防火墙,关闭selinux(生产环境按需关闭或打开) 同步服务器时间,选择公网ntpd服务器或 ...

  5. pandas数据结构之DataFrame操作

    这一次我的学习笔记就不直接用官方文档的形式来写了了,而是写成类似于“知识图谱”的形式,以供日后参考. 下面是所谓“知识图谱”,有什么用呢? 1.知道有什么操作(英文可以不看) 2.展示本篇笔记的结构 ...

  6. 数组Array的API2

    数组的方法 arr.push() arr.unshift() arr.pop() arr.shift() arr.slice() arr.splice() arr.join() arr.find() ...

  7. Android开发 Context详解与类型 转载

    转载地址:https://blog.csdn.net/guolin_blog/article/details/47028975 个人总结: Context分为 activity : activity其 ...

  8. Anatomy of a Database System学习笔记 - 公共模块、结语

    公共模块 1. 使用基于上下文的内存分配器进行内存分配 除了教材里常提到的buffer pool,数据库还会为其他任务分配大量内存,例如,Selinger-style查询优化需要动态的规划查询:has ...

  9. 在Airtest中如何使用无线模式控制手机

    在使用Airtest超快速开发App爬虫文章的最后,我们留了一个尾巴:如何启动Airtest的无线模式,不用USB线就能控制手机? 本文将会讲到具体的做法.做法分为两种:第一种是在Airtest的ID ...

  10. php laravel加密 form表单认证 laravel分页

    use Illuminate\Support\Facades\Crypt; echo Crypt::encrypt(123); //加密echo "<br>";//解密 ...