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. JavaScript Array 数组方法汇总

    JavaScript Array 数组方法汇总 1. arr.push() 从后面添加元素,返回值为添加完后的数组的长度 var arr = [1,2,3,4,5] console.log(arr.p ...

  2. 利用python定位网页上的元素

    1. 想对网页上的元素进行操作,首先需要定位到元素. 以百度首页为例: 输入以下代码,打开百度首页: # coding = gbk from selenium import webdriver chr ...

  3. 小米 OJ 编程比赛 02 月常规赛 3 Logic Gatekeeper CDQ分治

    link:https://code.mi.com/problem/list/view?id=139 题意: 有一个1e6 * 1e6 大的格子,现在有两种操作:1,给一个子矩阵中的每个格子加上k.2, ...

  4. 牛客第七场 Minimum Cost Perfect Matching 规律

    题意:1-n-1个数和1-n-1个数两两匹配,每次匹配将两个数的值进行与运算,要求每次匹配与运算的和相加最小,问满足匹配的配对方式 分析:打表前10个数与运算最小的匹配,我们发现,从n-1开始按位取反 ...

  5. codeforces 161 D. Distance in Tree（树形dp）

    题目链接:http://codeforces.com/problemset/problem/161/D 题意:给出一个树,问树上点到点的距离为k的一共有几个. 一道简单的树形dp,算是一个基础题. 设 ...

  6. SSH项目，JSP项目，SSM项目源码附带环境安装指导视频教程

    基于java开发的一个局域网端口扫描程序下载地址:https://www.icodedock.com/article/6.html 用JAVA实现对JAVA代码的格式化下载地址:https://www ...

  7. GraphQL Java-入门指南

    GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时. GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述,使得客户端能够准确地获得它需要的数据,而且没有任 ...

  8. 【LeetCode】116#填充同一层的兄弟节点

    题目描述 给定一个二叉树 struct TreeLinkNode { TreeLinkNode *left; TreeLinkNode *right; TreeLinkNode *next; } 填充 ...

  9. iOS代码混淆

    混淆原理 代码编译阶段将符号(方法名.属性名等)替换成随机生成的字符串 长话短说,直接上步骤. 混淆集成步骤 步骤一.创建shell文件(confuse.sh)并配置相应的运行环境. 在项目根目录下新 ...

  10. 洛谷 P1101单词方阵

    我已经,是这个世界上,最幸福的女孩了                                                                         ——<末日时 ...