WTF表单验证可分为3个步骤：

①导入wtf扩展提供的表单验证器。（from wtforms.validators import DataRequired,EqualTo）

②定义表单类

# 定义表单类

class RegisterForm(FlaskForm):

    username =StringField('账号：',validators=[DataRequired()])

    password =PasswordField('密码：',validators=[DataRequired()])

    password2 = PasswordField('确认密码：',validators=[DataRequired(),EqualTo('password','两次密码不一致')])

    submit=SubmitField('提交')

③验证逻辑（判断请求方式——>请求参数——>验证）

redist_form=RegisterForm()

    if request.method=='POST':

        username=request.form.get('username')

        password = request.form.get('password')

        password2 = request.form.get('password2')

        if redist_form.validate_on_submit():

            print(username,password)

            return 'success'

        else:

            flash('参数有误')

    return render_template('registform.html',form=redist_form)

完整代码：

app.py

from flask import Flask,render_template,request,flash

from flask_wtf import FlaskForm

from wtforms import StringField, PasswordField,SubmitField

from wtforms.validators import EqualTo,DataRequired

app = Flask(__name__)

app.secret_key='yingjie'

# 定义表单类

class RegisterForm(FlaskForm):

    username =StringField('账号：',validators=[DataRequired()])

    password =PasswordField('密码：',validators=[DataRequired()])

    password2 = PasswordField('确认密码：',validators=[DataRequired(),EqualTo('password','两次密码不一致')])

    submit=SubmitField('提交')

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

def regist_form():

    redist_form=RegisterForm()

    if request.method=='POST':

        username=request.form.get('username')

        password = request.form.get('password')

        password2 = request.form.get('password2')

        if redist_form.validate_on_submit():

            print(username,password)

            return 'success'

        else:

            flash('参数有误')

    return render_template('registform.html',form=redist_form)

if __name__ == '__main__':

    app.run()

registform.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <form method="post">

        {{ form.csrf_token() }}

        {{ form.username.label }}{{ form.username }}<br>

        {{ form.password.label }}{{ form.password }}<br>

        {{ form.password2.label }}{{ form.password2 }}<br>

        {{ form.submit }}

    </form>

{% for message in get_flashed_messages() %}

        {{ message }}

{% endfor %}

</body>

</html>

运行截图：

WTF表单验证的更多相关文章

  1. Flask10 登录模块、表单框架、表单渲染、表单验证、bookie、请求之前钩子、g对象、编写装饰器

    from flask import Flask from flask import request from flask import render_template from flask_wtf i ...

  2. jQuery学习之路（8）- 表单验证插件-Validation

    ▓▓▓▓▓▓ 大致介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 ...

  3. 玩转spring boot——AOP与表单验证

    AOP在大多数的情况下的应用场景是:日志和验证.至于AOP的理论知识我就不做赘述.而AOP的通知类型有好几种,今天的例子我只选一个有代表意义的“环绕通知”来演示. 一.AOP入门 修改“pom.xml ...

  4. form表单验证-Javascript

    Form表单验证: js基础考试内容,form表单验证,正则表达式,blur事件,自动获取数组,以及css布局样式,动态清除等.完整代码如下: <!DOCTYPE html PUBLIC &qu ...

  5. ASP.NET MVC5+EF6+EasyUI 后台管理系统（33）-MVC 表单验证

    系列目录 注:本节阅读需要有MVC 自定义验证的基础,否则比较吃力 一直以来表单的验证都是不可或缺的,微软的东西还是做得比较人性化的,从webform到MVC,都做到了双向验证 单单的用js实现的前端 ...

  6. 实现跨浏览器html5表单验证

    div:nth-of-type(odd){ float: left; clear: left; } .origin-effect > div:nth-of-type(even){ float: ...

  7. jQuery Validate 表单验证 — 用户注册简单应用

    相信很多coder在表单验证这块都是自己写验证规则的,今天我们用jQuery Validate这款前端验证利器来写一个简单的应用. 可以先把我写的这个小demo运行试下,先睹为快.猛戳链接--> ...

  8. jquery validate表单验证插件-推荐

    1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家.     1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素  3.鼠标离开后的正确.错误提示及鼠标移入时的帮 ...

  9. 表单验证插件之jquery.validate.js

    提到表单验证的插件,第一个想到的就是jquery.validate.js,所以小生想在这里稍微详细地说一下这款插件的具体使用方法,便于理解,我直接附上整段demo的代码(没怎么调样式,主要是看js): ...

随机推荐

  1. 简单vue项目脚手架

    简单vue项目脚手架 github地址 使用技术栈 webpack(^2.6.1) webpack-dev-server(^2.4.5) vue(^2.3.3) vuex(^2.3.1) vue-ro ...

  2. 使用cookie/session实现简单的用户信息的保存

    cookie一般用来存储非关键信息 , 用户名和密码等敏感信息一般采用session 来存储:cookie和session的最大区别是当服务器端存储session 之后,用户再次请求时候只是请求了一个 ...

  3. Wireshark捕获网易云音乐音频文件地址

    打开Wireshark,开始捕获. 打开网易云音乐,然后播放一首歌. Wireshark停时捕获,然后在不活的文件中搜索字符串"mp3".可以发现有如下信息: 将其中的内容:&qu ...

  4. Ubuntu安装docker（摘自官网，自用）

    在 Ubuntu 上安装 Docker 引擎(按照标红顺序执行命令) 预计阅读时间:11分钟 适用于 Linux 的 Docker 桌面 Docker Desktop 可帮助您在 Mac 和 Wind ...

  5. equals 与 == 区别

    1.对于==: 基本数据类型:byte,short,char,int,long,float,double,boolean. 基本数据类型之间的比较,对于==,比较的是他们存储的"值" ...

  6. 小天才XTC Z1S开启ADB

    起因 最近入手了Apple Watch,但因系统闭源和国区App Store第三方应用实在是少,所以就开始折腾起安卓表来了.正好家里有块给小孩子用的小天才手表,所以就想到了通过ADB调试安装一些这块表 ...

  7. BurpSuite下提示embedded browser initialisation failed（嵌入式浏览器初始化失败）的解决方法

    BurpSuite可谓是渗透测试过程经常使用的神器之一,但使用中经常会碰到奇奇怪怪的问题,比如有时抓http包,发送到Repeater(中继器,也叫重发器)模块后,在右边Render模块下,却无法看到 ...

  8. 将个人项目发布到mavan中央仓库

    第一步,准备自己的git代码 比如在gitee或者github上的代码,我的是gitee码云上的,开源了一个处理业务日志采集的组件,支持注解方式,支持SpEL表达式,支持变量自定义. 话不多说,直接上 ...

  9. 最大数maxnumber - 题解【树状数组】

    原题: 现在请求你维护一个数列,要求提供以下两种操作: 1. 查询操作.语法:Q L 功能:查询当前数列中末尾L个数中的最大的数,并输出这个数的值.限制:L不超过当前数列的长度. 2. 插入操作.语法 ...

  10. 论文解读（GCC）《Graph Contrastive Clustering》

    论文信息 论文标题:Graph Contrastive Clustering论文作者:Huasong Zhong, Jianlong Wu, Chong Chen, Jianqiang Huang, ...