使用WTForms表单验证，可以在数据建模时就设置验证信息和错误提示

创建模型时，设置验证内容，如必填、格式、长度

from flask_wtf import Form
from wtforms import StringField, PasswordField, BooleanField
from wtforms import validators

class UserRegForm(Form):
    username = StringField('用户名',
               [validators.DataRequired('用户名必填！'), validators.Length(min=4, max=8, message='长度为4-8之间')])

    email = StringField('邮箱', [validators.Email('邮箱格式不正确')])

    password = PasswordField('密码',
               [validators.DataRequired('密码必填！'), validators.Length(min=6, max=16, message='长度为6-16之间')])

    confirm = PasswordField('确认密码', [validators.EqualTo('password', message='密码输入不一致')])
    accept = BooleanField('同意协议', [validators.DataRequired('同意协议才可以注册')])

前台页面，渲染数据信息和错误信息

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
<body>
<form action="#" method="POST">
{#form要求加上form.csrf_token方脚本跨域攻击#}
{{ form.csrf_token }}
    <table border="1">
        <tr>
            <td>{{ form.username.label }}</td>
            <td>{{ form.username }}</td>
{#            如果有错误信息，就遍历出来#}
            <td>
                {% if form.username.errors %}
                    {% for error in form.username.errors %}
                        <li>{{ error }}</li>
                    {% endfor %}
                {% endif %}
            </td>
        </tr>
        <tr>
            <td>{{ form.email.label }}</td>
            <td>{{ form.email }}</td>
            <td>
                {% if form.email.errors %}
                    {% for error in form.email.errors %}
                        <li>{{ error }}</li>
                    {% endfor %}
                {% endif %}
            </td>
        </tr>
        <tr>
            <td>{{ form.password.label }}</td>
            <td>{{ form.password }}</td>
            <td>
                {% if form.password.errors %}
                    {% for error in form.password.errors %}
                        <li>{{ error }}</li>
                    {% endfor %}
                {% endif %}
            </td>
        </tr>
        <tr>
            <td>{{ form.confirm.label }}</td>
            <td>{{ form.confirm }}</td>
            <td>
                {% if form.confirm.errors %}
                    {% for error in form.confirm.errors %}
                        <li>{{ error }}</li>
                    {% endfor %}
                {% endif %}
            </td>
        </tr>
        <tr>
            <td></td>
            <td>{{ form.accept }}{{ form.accept.label }}</td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="提交"></td>
        </tr>
    </table>
</form>
</body>
</html>

路由

from flask import Flask, render_template, request

app = Flask(__name__, static_url_path='')  # 初始化app,

@app.route('/reg/', methods=['GET', 'POST'])
def user_reg():
    from validations.froms import UserRegForm
    form = UserRegForm(request.form)
    if request.method == 'POST' and form.validate():
        return str(form.data)
    return render_template('user-reg.html', form=form)

访问并触发验证

输入符合要求的数据访问

测开之路一百四十八：WTForms表单验证的更多相关文章

  1. 测开之路一百四十九：jinja2模板之宏

    jinja2是python的模板引擎, 在写python web使用的过程中,macro可以节省大量的代码 比如上一篇的渲染页面 <!DOCTYPE html><html lang= ...

  2. 测开之路一百四十六：WTForms之表单应用

    WTForms主要是两个功能:1.生成HTML标签  2.对数据格式进行验证 官网:https://wtforms.readthedocs.io/en/stable/ 这篇介绍用wtform生成htm ...

  3. 测开之路一百四十五：SQLAlchemy与后台模板整合之新增、查询、删除

    实现在页面上点击展示页就展示内容,点击新增页就触发新增功能 项目结构 admin.__init__ from flask import Blueprint admin = Blueprint('adm ...

  4. 测开之路一百四十四：ORM之SQLAlchemy查询

    在上一篇的基础上,插入数据 查询 Department.query.all() # 用表对象查db.session.query(Department).all() # 用db对象查 查询前两条,直接p ...

  5. 测开之路一百四十二：ORM框架之SQLAlchemy建库、建表、数据库操作

    flask-SQLAlchemy是在原生SQLAlchemy的基础之上做了一层封装,安装flask-SQLAlchemy会自动安装SQLAlchemy 安装 传统的sql建表建字段 通过flask-S ...

  6. 测开之路一百三十八：会话管理之session

    session管理和使用,需要用到flask的session模块和设置安全码:app.secret_key 比如列表页和编辑功能只能给admin用 列表页 编辑页 添加session 登录成功时,把u ...

  7. 测开之路一百二十八：flask之重定向和404

    a.b两个视图,分别返回a的页面和b的页面 重定向:redirect 重定向到路由:请求/a/时,重定向到/b/ 重定向到视图函数:url_for(“函数名“),访问/a/时,重定向到函数b() 主动 ...

  8. 测开之路一百一十一：bootstrap表单

    bootstrap表单 引入bootstrap和jquery 默认表单 垂直表单 表单属性绑定:for属性,当for的属性和id的属性相同时,单击for标签,光标自动跳到相同属性的输入框 复选框 水平 ...

  9. FastAPI 学习之路（十八）表单与文件

    系列文章: FastAPI 学习之路(一)fastapi--高性能web开发框架 FastAPI 学习之路(二) FastAPI 学习之路(三) FastAPI 学习之路(四) FastAPI 学习之 ...

随机推荐

  1. 6U VPX 高性能计算存储板卡

    基于6U VPX的 XC7VX690T+C6678的双FMC接口雷达通信处理板   一.板卡概述 高性能VPX信号处理板基于标准6U VPX架构,提供两个标准FMC插槽,适用于电子对抗或雷达信号等领域 ...

  2. nasm

    sudo apt install nasm 64bit: nasm -f elf64 test.asm ld -s -o test test.o --------------------------- ...

  3. GitHub上一些有趣的开源项目[持续更新]

    TheAlgorithms/C-Plus-Plus 用C++实现了常见的算法,如排序算法,查找算法,以及一些常见的数据数据结构,如链表,二叉树. 链接:https://github.com/TheAl ...

  4. python tkinter菜单

    python3中,Tkinter编写菜单界面案例 from tkinter import * top=Tk() top.wm_title("菜单") top.geometry(&q ...

  5. CodeForces-687A(DFS,染色)

    链接: https://vjudge.net/problem/CodeForces-687A 题意: Recently, Pari and Arya did some research about N ...

  6. jvm——class类文件的结构

    class类文件并不一定以磁盘的形式存在,也可以是由类加载器直接生成的二进制流,他其实是一种数据结构,类似于c语言结构体,这种数据结构只有两种数据类型:无符号数和表. 1.魔数:类似于文件拓展名,CA ...

  7. 谁掳走了 nginx.pid 文件？

    1.重载配置 执行 nginx  -s   reload  命令,报错:找不到 nginx.pid 文件,无法打开.曾经屡试不爽的命令,此时,竟然失灵了? 刚开始,我一头雾水,有点丈二和尚摸不着头脑… ...

  8. SpringBoot项目中，表单的验证操作

    在创建Springboot项目中,我们使用了表单验证操作,这一操作将极大地简化我们编程的开发 1.接收数据,以及验证 @PostMapping("/save") public Mo ...

  9. latex beamer技巧

    %章节标题\section{Related work(LSH)} %开始一页ppt \begin{frame}{Related work}{} \partitle{Locality-Sensitive ...

  10. pd.read_csv参数解析

    对pd.read_csv参数做如下解释: pandas.read_csv(filepath_or_buffer, sep=', ', delimiter=None, header='infer', n ...