1、先定义一个类：

#!/usr/bin/env python

# -*- coding: utf-8 -*-

# Created by xxx on 2017/3/13

from wtforms import Form, BooleanField, TextField, PasswordField, validators, StringField

class RegistrationForm(Form):

    username = StringField('username', [validators.Length(min=4,max=10,message='长度必须在4~10之间')])

    # email = StringField('email', [validators.Length(min=6, max=35)])

    # password = PasswordField('password', [

    #     validators.DataRequired(),

    #     validators.EqualTo('confirm', message='Passwords must match')

    # ])

    # confirm = PasswordField('Repeat Password')

    # accept_tos = BooleanField('I accept the TOS', [validators.DataRequired()])

2、定义html文件：

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

 {#<form method="post" action="/register">#}

 {#    <input type="text" name="username">#}

 {#    <input type="password" name="password">#}

 {#    <input type="password" name="confirm">#}

 {#    <input name="email" type="email">#}

 {#    <input type="submit">#}

 {#</form>#}

 {#{% load wtforms %}#}

 <form method="POST" action="/register">

     <div>

         {{ form.username.label }}:

         {{  form.username(class="css_class") }}

     </div>

     {% if form.username.errors %}

         <ol>{% for error in form.username.errors %}<li>{{ error }}</li>{% endfor %}</ol>

     {% endif %}

     <input type="submit">

 {#    <div>#}

 {#        {{ form.password.label }}:#}

 {#        {{ form.password }}#}

 {#    </div>#}

 </form>

 </body>

 </html>

3、调用：

 @APP.route('/register', methods=['GET', 'POST'])

 def register():

     form = RegistrationForm(request.form)

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

         # user = User(form.username.data, form.email.data,

         #             form.password.data)

         # db_session.add(user)

         # flash('Thanks for registering')

         return 'ok'

         # return redirect(url_for('login'))

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

4、效果：

wtforms的简单示例的更多相关文章

  1. Linux下的C Socket编程 -- server端的简单示例

    Linux下的C Socket编程(三) server端的简单示例 经过前面的client端的学习,我们已经知道了如何创建socket,所以接下来就是去绑定他到具体的一个端口上面去. 绑定socket ...

  2. C# 构建XML（简单示例）

    C# 构建XML的简单示例: var pars = new Dictionary<string, string> { {"url","https://www. ...

  3. 根据juery CSS点击一个标签弹出一个遮罩层的简单示例

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  4. ACEXML解析XML文件——简单示例程序

    掌握了ACMXML库解析XML文件的方法后,下面来实现一个比较完整的程序. 定义基本结构 xml文件格式如下 <?xml version="1.0"?> <roo ...

  5. demo工程的清单文件及activity中api代码简单示例

    第一步注册一个账户,并创建一个应用.获取app ID与 app Key. 第二步下载sdk 第三步新建工程,修改清单文件,导入相关的sdk文件及调用相应的api搞定. 3.1 修改清单文件,主要是加入 ...

  6. spring-servlet.xml简单示例

    spring-servlet.xml简单示例 某个项目中的spring-servlet.xml 记下来以后研究用 <!-- springMVC简单配置 --> <?xml versi ...

  7. SignalR 简单示例

    一.什么是 SignalR ASP.NET SignalR is a library for ASP.NET developers that simplifies the process of add ...

  8. Web API 简单示例

    一.RESTful和Web API Representational State Transfer (REST) is a software architecture style consisting ...

  9. XML引入多scheme文件约束简单示例

    XML引入多scheme文件约束简单示例,用company.xsd和department.xsd来约束company.xml: company.xsd <?xml version="1 ...

随机推荐

  1. 【UOJ】#37. 【清华集训2014】主旋律

    题解 一道,神奇的题= = 我们考虑正难则反,我们求去掉这些边后有多少图不是强连通的 怎么求呢,不是强连通的图缩点后一定是一个DAG,并且这个DAG里面有两个点 我们想一下,如果我们把1当成入度为0的 ...

  2. 8-10 Coping Books uva714

    题意:把一个包含m个正整数的序列划分为k个   1<=k<=m<=500的非空连续子序列  使得每个正整数恰好属于一个序列  设第i个序列的各个数之和为 Si   你的任务是让所有的 ...

  3. ip获取所在城市名称等信息接口，及函数

    函数: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 ...

  4. [ 原创 ]学习笔记-Android 学习笔记 Contacts （一）ContentResolver query 参数详解 [转载]

    此博文转载自:http://blog.csdn.net/wssiqi/article/details/8132603 1.获取联系人姓名 一个简单的例子,这个函数获取设备上所有的联系人ID和联系人NA ...

  5. python opencv3 grabcut前景检测

    git:https://github.com/linyi0604/Computer-Vision import numpy as np import cv2 import matplotlib.pyp ...

  6. 【Floyd矩阵乘法】BZOJ1706- [usaco2007 Nov]relays 奶牛接力跑

    [题目大意] 给出一张无向图,求出恰巧经过n条边的最短路. [思路] 首先题目中只有100条边,却给出了10000个点(实际上最多只能有200个),离散化一下. 后面就是Floyd的新姿势,以前看过的 ...

  7. bzoj 4322 东西分配问题

    问题:有n个东西,分给m个人,对于每个东西,每个人有喜欢与不喜欢两种态度:like[i][j],如果喜欢,那么他得到该东西时增加的喜悦度为k,否则为1,问是否存在一种分法,使得每个人都达到该人的最低喜 ...

  8. Vue-router浅识

    一.router-link及router-view :用来做导航,通过传入to属性来指定链接 :用来做路由出口,路由匹配到的组件都会渲染在这里 const router = new VueRouter ...

  9. NOIP 算法模板

    Hash: #include <iostream> #include <cstdio> #include <cstdlib> #include <algori ...

  10. vue中路由返回上一个页面,恢复到上一个页面的滚动位置

    第一步:路由文件的配置(对你所需要的vue文件进行保存缓存标志的添加) import Vue from 'vue' import Router from 'vue-router' import Hel ...