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. Codeforces Round #248 (Div. 1) D - Nanami's Power Plant 最小割

    D - Nanami's Power Plant 思路:类似与bzoj切糕那道题的模型.. #include<bits/stdc++.h> #define LL long long #de ...

  2. iconfont 在项目中的简单使用

    font-class引用 font-class是unicode使用方式的一种变种,主要是解决unicode书写不直观,语意不明确的问题. 与unicode使用方式相比,具有如下特点: 兼容性良好,支持 ...

  3. Ionic实战六：日期选择控件

    onic日期选择控件,用于ionic项目开发中的日期选择以及日期插件   

  4. 接口调用 POST

    /** * 接口调用 POST * @return [type] [description] */ public function portPhone(Request $request) { $pho ...

  5. 基于 Laravel 开发博客应用系列 —— 从测试开始（一）：创建项目和PHPUnit

    1.创建博客项目 我们将遵循上一节提到的六步创建一个新 Laravel 5.1 项目的步骤,创建本节要用到的博客项目 —— blog. 首先,在本地主机安装应用骨架: nonfu@ubuntu:~/C ...

  6. 深度学习常用数据集 API（包括 Fashion MNIST）

    基准数据集 深度学习中经常会使用一些基准数据集进行一些测试.其中 MNIST, Cifar 10, cifar100, Fashion-MNIST 数据集常常被人们拿来当作练手的数据集.为了方便,诸如 ...

  7. 批量ssh登录，获取操作系统、CPU、内存、硬盘信息<shell>

    说明:该脚本读取machine.txt文件中的机器名,然后批量ssh登录,获取每台机器的操作系统,CPU,内存,硬盘等信息. 使用方法:将文件保存为sh,chmod +x filename 为该sh文 ...

  8. [java] java中的初始化顺序

    先看程序: package init_cls; class A{ {System.out.println("i am in the class A!");} static { Sy ...

  9. Linux内核代码

    全局描述符表GDT(Global Descriptor Table): (1)在整个系统中,全局描述符表(注意这里是表,表只有一张)GDT只有一张(一个处理器对应一个GDT). (2)GDT可以被放在 ...

  10. 下拉框搜索插件chosen

    {% load staticfiles %} <!DOCTYPE html> <html lang="en"> <head> <meta ...