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. 学习webpack前的准备工作

    前言 由于vue和react的流行,webpack这个模块化打包工具也已经成为热门.作为前端工程师这个需要不断更新自己技术库的职业,真的需要潜下心来学习一下. 准备工作(针对mac用户) 安装 hom ...

  2. Django ElasticSearch Ionic 打造 GIS 移动应用 —— 架构设计

    搜索引擎是个好东西,GIS也是个好东西.当前还有Django和Ionic.最后效果图 构架设计 对我们的需求进行简要的思考后,设计出了下面的一些简单的架构. GIS架构说明 -- 服务端 简单说明: ...

  3. TextView显示html样式的文字

    项目需求: TextView显示一段文字,格式为:白雪公主(姓名,字数不确定)向您发来了2(消息个数,不确定)条消息 这段文字中名字和数字的长度是不确定的,还要求名字和数字各自有各自的颜色. 一开始我 ...

  4. ES7中前端异步特性：async、await。

    在最新的ES7(ES2017)中提出的前端异步特性:async.await. 什么是async.await? async顾名思义是"异步"的意思,async用于声明一个函数是异步的 ...

  5. 解决vue-cli项目在运行时控制台出现 [WDS] Disconnected! 错误

    在项目运行时 控制台输入 npm run dev 后浏览器出现该项目页面,但是出现了[WDS] Disconnected!错误 虽然有时并不影响,但是作为一名合格的程序员 我们还是尽量将其修复,以免将 ...

  6. 制作java的docker镜像

    Dockerfile如下: FROM ubuntu:16.04 MAINTAINER tanyiqu ADD jdk-8u231-linux-x64.tar.gz /usr/local/ ENV JA ...

  7. python---重建二叉树

    """ 输入某二叉树的前序遍历和中序遍历的结果,请重建出该二叉树. 假设输入的前序遍历和中序遍历的结果中都不含重复的数字. 例如输入前序遍历序列{1,2,4,7,3,5, ...

  8. 网络协议之:socket协议详解之Unix domain Socket

    目录 简介 什么是Unix domain Socket 使用socat来创建Unix Domain Sockets 使用ss命令来查看Unix domain Socket 使用nc连接到Unix do ...

  9. 深入理解Kafka核心设计及原理（三）：消费者

    转载请注明出处:https://www.cnblogs.com/zjdxr-up/p/16114877.html 深入理解Kafka核心设计及原理(一):初识Kafka 深入理解Kafka核心设计及原 ...

  10. jquery版本的ajax请求

    首先引入 <script src="https://code.jquery.com/jquery-3.6.0.js"></script>   $ 和 jqu ...