在视图函数中验证表单

因为现在的basic_form视图同时接受两种类型的请求：GET请求和POST请求。所以我们要根据请求方法的不同执行不同的代码。具体来说，首先是实例化表单，如果是GET请求，就渲染模板；如果是POST请求，就调用validate()方法验证表单数据。

请求的HTTP方法可以通过requeset.method属性获取，我们可以使用下面的方式来组织视图函数：

from flask import request

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

def basic():

    form = LoginForm() #GET + POST

    #如果用户提交表单，并且数据通过验证

    if request.method == 'POST' and form.validate():

    #获取表单数据并保存

        ...#处理POST请求

    return render_template('forms/basic.html',form=form)  #处理GET请求

当请求方法是GET时，会跳过这个if语句，渲染basic.html模板；当请求的方法是POST时（说明用户提交了表单），则验证表单数据。这会逐个字段（包括CSRF令牌字段）调用附加的验证器进行验证。

因为WTForms会自动对CSRF令牌字段进行验证，如果没有渲染该字段会导致验证出错，错误消息为”CSRF token is missing”。

Flask-WTF提供的validate_on_submit()方法合并了这两个操作（判断请求方法和验证表单字段），因此上面的代码可以简化为：

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

def basic():

    form = LoginForm()

    if form.validate_on_submit():

        ...

    return render_template('basic.html', form=form)

除了POST方法，如果请求的方法是PUT、PATCH和DELETE方法，form.validate_on_submit()也会验证表单数据。

如果form.validate_on_submit()返回True，则表示用户提交了表单，且表单通过验证，那么我们就可以在这个if语句内获取表单数据，比如：

from flask import Flask, render_template, redirect, url_for, flash

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

def basic():

    form = LoginForm()

    if form.validate_on_submit():

        username = form.username.data

        flash('Welcom home, %s!' % username)

        return redirect(url_for('hello'))

    return render_template('basic.html', form = form)

@app.route('/hello')

def hello():

    return render_template('hello.html')
表单类的data属性是一个匹配所有字段与对应数据的字典，我们一般直接通过”form.字段属性名.data”的形式来获取对应字段的数据。例如,form.username.data返回username字段的值。在代码中，当表单验证成功后，我们获取了username字段的数据，然后用来发送一条flash消息，最后将程序重定向到hello视图。
表单的数据一般会存储到数据库中，在这里将数据填充到flash()函数里。
先访问127.0.0.1:5000/basic



输入表单内容，点击提交，触发validate_on_submit()方法


发送闪现消息


闪现消息在重定向后的hello页面显示






程序的逻辑是：访问/basic页面，提交了表单后，触发了视图函数里的表单验证逻辑，之后flash了消息，然后重定向到hello视图（页面重定向到/hello地址），在hello页面显示了flash消息


 


在basic模板中定义了表单，继承了base模板：


basic.html:




{% extends 'base.html' %}

{% block content %}

<form method="post">

    {{ form.csrf_token }}<!-- 渲染CSRF令牌隐藏字段 -->

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

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

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

    {{ form.submit }}<br>

</form>

{% endblock %}




同时hello.html模板也继承了basic模板，在basic模板中有get_flashed_messages()方法来处理flash消息，使得basic视图的flash消息能够在重定向到hello.html模板时可以在页面显示


base.html模板:


 




<!DOCTYPE html>

<html lang="en">

<head>

    {% block head %}

        {% block metas %}

            <meta charset="utf-8">

        {% endblock metas %}

        <title>

            {% block title %}

                Form - HelloFlask

            {% endblock title %}

        </title>

        <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='favicon.ico') }}">

        {% block styles %}

            <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">

        {% endblock styles %}

    {% endblock head %}

</head>

<body>

<nav>

    {% block nav %}

        <ul>

            <li><a href="{{ url_for('basic') }}">Home</a></li>

        </ul>

    {% endblock %}

</nav>

<main>

    {% for message in get_flashed_messages() %}

        <div class="alert">

            {{ message }}

        </div>

    {% endfor %}

    {% block content %}{% endblock %}

</main>

<footer>

    {% block footer %}

        <small> &copy; 2019 <a href="https://www.cnblogs.com/xiaxiaoxu/" title="xiaxiaoxu's blog">夏晓旭的博客</a> /

            <a href="https://github.com/xiaxiaoxu/hybridDrivenTestFramework" title="Contact me on GitHub">GitHub</a> /

            <a href="http://helloflask.com" title="A HelloFlask project">Learning from GreyLi's HelloFlask</a>

        </small>

    {% endblock %}

</footer>

{% block scripts %}{% endblock %}

</body>

</html>




hello.html模板：


 




{% extends 'base.html' %}

{% block content %}

<title>Hello from Flask</title>

<ul>

    <li><a href="{{ url_for('hello') }}">xiaxiaoxu</a></li>

</ul>

{% endblock %}


												


											
flask 在视图函数中验证表单的更多相关文章
	

    
								
  1. Flask从入门到精通之在视图函数中处理表单
		
    在新版hello.py 中,视图函数index() 不仅要渲染表单,还要接收表单中的数据.更新后的index() 视图函数如下: @app.route('/') def index(): name = ...
    
		
    2. 
						
  2. 在springboot中验证表单信息(六)
		
    构建工程 创建一个springboot工程,由于用到了 web .thymeleaf.validator.el,引入相应的起步依赖和依赖,代码清单如下: 1 2 3 4 5 6 7 8 9 10 11 ...
    
		
    3. 
						
  3. Spring Boot教程（六）在springboot中验证表单信息
		
    构建工程 创建一个springboot工程,由于用到了 web .thymeleaf.validator.el,引入相应的起步依赖和依赖,代码清单如下: <dependencies> &l ...
    
		
    4. 
						
  4. flask中的表单文件上传
		
    在表单中上传文件时,一定要加入 enctype="multipart/form-data" 属性 为什么要加入这个属性呢: enctype就是encodetype就是编码类型的意思 ...
    
		
    5. 
						
  5. flask 在模板中渲染表单
		
    在模板中渲染表单 为了能够在模板中渲染表单,我们需要把表单类实例传入模板.首先在视图函数里实例化表单类LoginForm,然后再render_template()函数中使用关键脑子参数form将表单实 ...
    
		
    6. 
						
  6. SpringBoot非官方教程 | 第十九篇： 验证表单信息
		
    转载请标明出处: 原文首发于:https://www.fangzhipeng.com/springboot/2017/07/11/springboot19/ 本文出自方志朋的博客 这篇文篇主要简述如何 ...
    
		
    7. 
						
  7. ValidForm验证表单
		
    在做项目时,要求熟悉项目中验证表单的插件,所以学习一下validForm这个插件 http://validform.rjboy.cn/document.html#validformObject
    
		
    8. 
						
  8. AngularJS中的表单验证
		
    AngularJS中的表单验证 AngularJS自带了很多验证,什么必填,最大长度,最小长度...,这里记录几个有用的正则式验证 1.使用angularjs的表单验证 正则式验证 只需要配置一个正则 ...
    
		
    9. 
						
  9. angular中的表单验证
		
    angular中的表单验证很强大, 一共有5中验证信息,$valid,$invalid,$pristine,$dirty,$error. $valid-----当验证通过的时候,为true,不通过的时 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 王者荣耀里拿个王者有啥了不起，有胆就来挑战一下ApsaraCache源码
			
    王者荣耀大家估计都玩的很溜吧,撸完代码开一局,只要不遇到个猪队友,拿个鲁班后羿估计你们都能爆掉对手的塔吧.大神们打个排位赛拿个王者就和吃饭夹菜一样简单... But...你们玩过Redis和Memca ...
    
			
    2. 
						
  2. Docker 架构（四）
			
    Docker 使用客户端-服务器 (C/S) 架构模式,使用远程 API 来管理和创建 Docker 容器. Docker 容器通过 Docker 镜像来创建. 容器与镜像的关系类似于面向对象编程中的 ...
    
			
    3. 
						
  3. runtime实现weak属性
			
    我们可以自己创建一个 A 类,然后在“宿主对象”和“值对象”建立 weak 关系的时候,偷偷地创建一个 A 类的实例 a,绑定在 “值对象” 上. 当“值对象”销毁后,这个 a 也会被销毁.而 A 类 ...
    
			
    4. 
						
  4. InnoDB master thread学习
			
    很久很久没有写博客了,工作比较忙,也没什么时间学习了,恰逢国庆放假,安心的学习一下,其实只是把之前学习过的知识再温习了一下而已.InnoDB 有众多的线程,其中非常核心的就是master thread ...
    
			
    5. 
						
  5. cat 查看文件命令
			
    查看文件内容 [root@salt-server- .txt ada sada sadas -n 查看文件内容并显示行数 [root@salt-server- .txt ada sada sadas
    
			
    6. 
						
  6. MySQL8.0.11 组复制配置
			
     my.cnf [mysql] prompt='node2 [\h] {\u} (\d) > ' # [client] user = sa password = cc.123 port = 22 ...
    
			
    7. 
						
  7. Oracle(2)之多表查询&子查询&集合运算
			
    多表查询 笛卡尔积 同时查询多张表时,每张表的每条数据都要和其它表的每条数据做组合.如下栗子,我们发现产生的总记录数是 56 条,还发现 emp 表是 14 条,dept 表是 4 条,56 条正是  ...
    
			
    8. 
						
  8. 前端框架之Vue(9)-组件基础&vue-cli
			
    组件基础 基本示例 这里有一个 Vue 组件的示例: <!DOCTYPE html> <html lang="en"> <head> <m ...
    
			
    9. 
						
  9. Java的HashMap是如何实现的？
			
    以下内容转自:http://blog.csdn.net/vking_wang/article/details/14166593 1. HashMap的数据结构 数据结构中有数组和链表来实现对数据的存储 ...
    
			
    10. 
						
  10. 在Java应用中通过SparkLauncher启动Spark任务
			
    本博客内容基于Spark2.2版本,在阅读文章并想实际操作前,请确保你有: 一台配置好Spark和yarn的服务器 支持正常spark-submit --master yarn xxxx的任务提交 老 ...
    
			
    11.