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. vim recording的使用方法

    使用vim时无意间触碰到q键,左下角出现"recording"这个标识,觉得好奇,遂在网上查了一下,然后这是vim的一个强大功能.他可以录 制一个宏(Macro),在开始记录后,会 ...

  2. 阿里云、腾讯云、CentOS下的MySQL的安装与配置详解

    一. 安装 查看是否已安装 # 查看MySQL版本 mysql --version # 查看MySQL相关文件 whereis mysql 若已安装,卸载方法如下 # 卸载MySQL yum remo ...

  3. python-正整数的因子展开式

    [题目描述]编写程序,输出一个给定正整数x(x>1)的质因子展开式. [输入格式]请在一行中输入整数x的值. [输出格式]对每一组输入的x,按以下格式输出x的质因子展开式(假如x的质因子分别为a ...

  4. number(10,6)正则表达式

    /**     * 判断number(10,6)     * @param dateStr     * @return     */    public boolean isNumJW(String ...

  5. Javascript中数组的判断方法

    摘要: 1.数组检测的方法: 1) typeof . 2) instanceof . 3) constructor . 4) Object.prototype.toString. 5) Array.i ...

  6. 将对象push到数组中组成对象数组

    let items = { key:'', value:'' } for(let i = 0;i<len;i++){ items.value = _this.ills[i].sName; ite ...

  7. python---二维数组的查找

    """ 在一个二维数组中(每个一维数组的长度相同), 每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序. """ # ...

  8. 嵌入式Servlet容器

    配置嵌入式Servlet容器 ##Spring Boot里面内置了嵌入式的Servlet容器(tomcat) 点击pom.xml->右键->Diagrams->show Depend ...

  9. 9.Jenkins进阶之流水线pipeline基础使用实践(2)

    目录一览: 0x01 基础实践 0x02 进阶实践 (1) Sonarqube 代码质量检测之 Pipeline Script from SCM (2) Gitlab 自动触发构建之 Pipeline ...

  10. 安卓记账本开发学习day8之导入外部依赖

    以要使用的柱状图分析显示为例,项目文件夹最外层的build.gradle,加入下列语句 allprojects { repositories { google() jcenter() maven { ...