Flask基础(16)-->WTForms表单创建和简单验证

前言：使用Flask_WTF需要配置参数SECRET_KEY
CSRF_ENABLED是为了CSRF(跨站请求伪造)保护。SECRET_KEY用来生成加密令牌，
当CSRF激活的时候，该设置会根据设置的秘钥生成加密令牌。

下一篇我再为大家详细叙述一下CSRF相关内容。

下面是为大家准备的一个示例案例：

  1. WTForms_test.py(视图页)

    from flask import Flask,render_template,request,flash
    
# 导入wtf扩展的表单类
    
from flask_wtf import FlaskForm
    
# 导入自定义表单需要的字段
    
from wtforms import SubmitField,StringField,PasswordField
    
# 导入wtf扩展提供的表单验证器
    
from wtforms.validators import DataRequired,EqualTo

app = Flask(__name__)
    
app.config["WTF_CSRF_ENABLED"] = False
    
app.secret_key = "adfasfssdfdsf"

# 自定义表单类，文本字段，密码字段，提交按钮
    
class RegisterForm(FlaskForm):
    
    username = StringField("用户名：", validators=[DataRequired("请输入用户名")], render_kw={"placeholder": "请输入用户名"})
    
    password = PasswordField("密码：", validators=[DataRequired("请输入密码")],render_kw={"placeholder": "请输入密码"})
    
    password2 = PasswordField("确认密码：", validators=[DataRequired("请输入确认密码"), EqualTo("password", "两次密码不一致")],render_kw={"placeholder": "请确认密码"})
    
    submit = SubmitField("注册")

# 定义根路由视图函数，生成表单对象，获取表单数据，进行表单数据验证
    
@app.route('/demo1',methods=["get","post"])  # 获取表单的方式get和post都可以
    
def demo1():
    
    register_form = RegisterForm()   # 获取表单对象
    
    # 进行表单验证
    
    if register_form.validate_on_submit():  # 当submit表单提交时触发验证，那么表单提交成功，即：所有验证都通过触发判断
    
        # username = request.form.get("username")
    
        # password = request.form.get("password")
    
        # password2 = request.form.get("password2")
    
        # 表单提交验证通过，在此处可以获取表单数据，保存到数据库，从而完成注册
    
        return "register success" # 返回给客户端注册成功的提示
    
    else:
    
        if request.method == "POST":  # 表单提交并且表单验证失败
    
            flash("用户名或者密码错误") # 返回给客户端失败提示
    
    return render_template("WTForms_test.html",form = register_form)  # 将自定义表单数据提交给模板页

if __name__ == '__main__':
    
    app.run(debug = True)
  2. WTForms_test.html(模板页) 
    <!DOCTYPE html>
    
<html lang="en">
    
<head>
    
    <meta charset="UTF-8">
    
    <title>WTForms_test</title>
    
</head>
    
<body>
    
<form method="post">
    
    {{ form.username.label }} {{ form.username }}<br/>  # 由视图函数获取注册表单对象register_form，然后通过render_template传递到模板，由form接收
    
    {{ form.password.label }} {{ form.password }}<br/>
    
    {{ form.password2.label }} {{ form.password2 }}<br/>
    
    {{ form.submit }}
    
</form>
    
{% for message in get_flashed_messages() %}  # 视图函数中flash闪现过来的是一个消息队列，可以通过遍历get_flashed_messsages()获取
    
{{ message }}    # 显示flash闪现过来的消息
    
{% endfor %}

</body>
    
</html>

    　　

Flask基础(16)-->WTForms表单创建和简单验证的更多相关文章

  1. flask框架（八）—自定义命令flask-script、多app应用、wtforms表单验证、SQLAIchemy

    自定义命令flask-script 用于实现类似于django中 python3 manage.py runserver ...类似的命令,用命令行启动项目 首先安装:pip3 install fla ...

  2. 测开之路一百四十八：WTForms表单验证

    使用WTForms表单验证,可以在数据建模时就设置验证信息和错误提示 创建模型时,设置验证内容,如必填.格式.长度 from flask_wtf import Formfrom wtforms imp ...

  3. flask 使用Flask-WTF处理表单

    使用Flask-WTF处理表单 扩展Flask-WTF继承了WTFforms,使用它可以在flask中更方便的使用WTForms.Flask-WTF将表单数据解析.CSRF保护.文件上传等功能与Fla ...

  4. bootstrap基础学习【表单含按钮】（二）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. 五十二：WTForms表单验证之基本使用

    作用:1.做表单验证,把用户提交的数据验证是否合法2.做模板渲染 安装:pip install wtforms 表单验证1.自定义一个表单类,继承wtforms.Form2.定义好需要验证的字段,字段 ...

  6. 用dedecms自定义表单创建简易自助预约系统

    建站往往需要根据客户的需求来增加相应的功能,比如预约.平时用比较多的是织梦系统,那么如何用dedecms自定义表单创建简易自助预约系统呢? 进入dedecms后台,左侧菜单中依次点击“核心” - 频道 ...

  7. Web开发——HTML基础（HTML表单/下拉列表/多行输入）

    参考: 参考:http://www.w3school.com.cn/html/html_forms.asp 目录: 1.<form> 元素 1.1 <input> 元素(输入属 ...

  8. flask用宏渲染表单模板时，表单提交后，如果form.validate_on_submit()返回的是false的可能原因

    flask用宏渲染表单模板时,表单提交后,提交的内容符合DataRequired()校验, 但是form.validate_on_submit()返回的是False, 原因可能是表单模板中的<f ...

  9. 雷林鹏分享：jQuery EasyUI 表单 - 创建异步提交表单

    jQuery EasyUI 表单 - 创建异步提交表单 本教程向您展示如何通过 easyui 提交一个表单(Form).我们创建一个带有 name.email 和 phone 字段的表单.通过使用 e ...

随机推荐

  1. JDK8的JVM内存结构，元空间替代永久代成为方法区及常量池的变化

    JVM的知识这里总结的很详细:https://github.com/doocs/jvm/blob/master/README.md,因此在本博客也不会再对其中的东西重复总结了. 现在很多文章关于JVM ...

  2. Java并发编程实战.笔记十一（非阻塞同步机制）

    关于非阻塞算法CAS. 比较并交换CAS:CAS包含了3个操作数---需要读写的内存位置V,进行比较的值A和拟写入的新值B.当且仅当V的值等于A时,CAS才会通过原子的方式用新值B来更新V的值,否则不 ...

  3. 九度 题目1454：Piggy-Bank 完全背包

    题目1454:Piggy-Bank 时间限制:1 秒 内存限制:128 兆 特殊判题:否 提交:1584 解决:742 题目描述: Before ACM can do anything, a budg ...

  4. android CTS 介绍

    [转]http://blog.csdn.net/pugongying1988/article/details/6976091 一.为什么需要兼容性测试(以下称CTS)? 1.1.让APP提供更好的用户 ...

  5. 第 15 篇：优化博客功能的细节，提升使用体验—— HelloDjango 系列教程

    作者:HelloGitHub-追梦人物 文中涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库 在之前的系列教程中,我们已经实现了:文章的发布.展示.评论等功能,可能认真的小伙伴已经 ...

  6. TypeScript模块系统、命名空间、声明合并

    命名空间 命名空间能有效避免全局污染.在ES6引入模块之后,命名空间就较少被提及了.如果使用了全局的类库,命名空间仍是一个好的解决方案. namespace Shape{ const pi = Mat ...

  7. 最佳内存缓存框架Caffeine

    Caffeine是一种高性能的缓存库,是基于Java 8的最佳(最优)缓存框架. Cache(缓存),基于Google Guava,Caffeine提供一个内存缓存,大大改善了设计Guava's ca ...

  8. SpringBoot 2 快速整合 | Hibernate Validator 数据校验

    概述 在开发RESTFull API 和普通的表单提交都需要对用户提交的数据进行校验,例如:用户姓名不能为空,年龄必须大于0 等等.这里我们主要说的是后台的校验,在 SpringBoot 中我们可以通 ...

  9. windows平台：查看端口占用情况，请杀死端口对应进程PID

    //查看 netstat -ano | findstr //杀死 taskkill /f /PID

  10. Winforn中实现ZedGraph自定义添加右键菜单项(附源码下载)

    场景 Winform中实现ZedGraph中曲线右键显示为中文: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/100115292 ...