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. 对height 100%和inherit的总结

    对height 100%和inherit的总结 欢迎大家来我的博客留言:https://sxq222.github.io/CSS%...博客主页:https://sxq222.github.io 正文 ...

  2. HTTP权威指南：第二章

    URL概览 前面提到,URL资源是HTTP协议所使用的寻找资源位置的定位符.分为三个部分,主要的结构是: 方案://服务器/路径 这种结构使得网络上的每一个资源都只有唯一的命名方法,从而使得浏览器可以 ...

  3. linux安装mongodb磁盘空间不足

    Insufficient free space for journal filesPlease make at least 3379MB available in /export/servers/mo ...

  4. mysql基本操作2

    ##DDL控制表结构,不支持事务##DML控制表数据,支持事务       DQL专门做查询  ##TCL 管理事务##DCL 管理数据库权限     ##ORDER BY  子句-根据指定列对结果集 ...

  5. JS中Map和ForEach的区别

    定义 forEach()方法: 针对每一个元素执行提供的函数. map()方法: 创建一个新的数组,其中每一个元素由调用数组中的每一个元素执行提供的函数得来. 区别 forEach()方法不会返回执行 ...

  6. Linux上安装RePlace

    RePlAce: Advancing Solution Quality and Routability Validation in Global Placement 项目地址 https://gith ...

  7. 接口和抽象类的区别（不讲废话，干货满满，JDK1.8最新整理）

    接口和抽象类的区别(不讲废话,干货满满,JDK1.8最新整理) 1.抽象类 以下说辞可能不太准确,但是会让你醍醐灌顶 抽象类是把一些具有共同属性(包括行为)的东西抽象出来,比如: 小狗有身高,体重,颜 ...

  8. 脏数据清洗，pandas.apply()的应用

    原数据如下所示: IMAGETYPE count .?+? 1713 Jh.5? 100 .??U 38 .11.1 1 .13.1 1 .15.11 2 我需要对数据内的带有特殊符号,且第一个逗号 ...

  9. 在原有mysql机器上增加一台实例

    采用的是yum install mysql-community-server yum方式安装mysql(社区版) 文章基础上新加一个mysql实例. 这个完全可以直接实战上应用,只要规划好即可 服务器 ...

  10. WePY开发环境的安装和小程序生成WePY项目

    相对于微信开发者工具而言,WePY的安装和生成项目稍显复杂.特记录下安装顺序: 1.安装Node.js 在Node官网(https://nodejs.org/)下载Node.js的安装包,此处我下载的 ...