Flask框架WTForm表单用法示例
时间:2018-07-20
这篇文章主要介绍了Flask框架WTForm表单用法,结合登录验证的具体实例分析了Flask框架WTForm表单相关使用技巧,需要的朋友可以参考下
本文实例讲述了Flask框架WTForm表单用法。分享给大家供大家参考,具体如下:
运行环境:
python2.7
flask 0.11
flask-wtf 0.14.2
wtform能够通过一个类定义一些字段,这些字段会在前端生成标签,并且通过设置字段的验证规则,自动判断前端输入数据的格式。
一般用于用户登录,用户注册等信息录入。
示例:
from wtforms import Form from flask import Flask,render_template,request,redirect from wtforms.fields import core from wtforms.fields import html5 from wtforms.fields import simple from wtforms import validators from wtforms import widgets import sys reload(sys) sys.setdefaultencoding('utf8') #python2.7 转码用的,避免显示中文为乱码 app = Flask(__name__,template_folder='templates') app.debug=True class LoginForm(Form): name = simple.StringField( label='用户名', #前端显示中文 validators=[ validators.DataRequired(message='用户名不能为空'), validators.Length(min=6,max=18,message='用户名长度必须大于%(min)d且小于%(max)d') ], #字段的验证规则 widget=widgets.TextInput(), #页面上显示的标签 render_kw={'class':'form=control'} #给上面插件生成的时候添加属性,比如bootstrap的属性 ) pwd = simple.PasswordField( label='密码', validators=[ validators.DataRequired(message='密码不能为空'), validators.Length(min=8,message='用户名长度必须大于%(min)d'), validators.Regexp(regex="^(?=.*[a-z])(?=.*[A-Z])(?=.*d)(?=.*[$@$!%*?&])[A-Za-zd$@$!%*/&]{8,}", message='密码至少8个字符,至少1个大写字母,1个小写字母'), ], widget=widgets.PasswordInput(), render_kw={'class':'from-control'} ) #字段,内部包含正则表达式 @app.route('/login',methods=['GET','POST']) def login(): if request.method == 'GET': form = LoginForm() return render_template('login.html',form=form) #将form对象传给前端 else: form = LoginForm(formdata=request.form) #从请求体from中取值 if form.validate(): #验证 print "用户提交数据通过,提交的值为:",form.data else: print form.errors #错误信息 return render_template('login.html',form=form) @app.route('/') def hello_world(): return 'Hello World!' if __name__ == '__main__': app.run()
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title</title> </head> <body> <h1>登陆</h1> <form method="post"> <p>{{ form.name.label }} {{ form.name }} {{ form.name.errors[0] }}</p> <p>{{ form.pwd.label }} {{ form.pwd }} {{ form.pwd.errors[0] }}</p> <input type="submit" value="提交"> </form> </body> </html>
在前端,直接通过Form对象来取字段中的值,以及该值中的错误信息,错误信息我们一般取第一个即可,已经能够告诉用户信息错误了。
希望本文所述对大家基于Flask框架的Python程序设计有所帮助。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 3小时带你开发一款商城类小程序(零基础入门小程序系列)
- Android 隐式Intent的实例详解
- Android编程使用加速度传感器实现摇一摇功能及优化的方法详解
- 微信小程序分页加载数据~上拉加载更多~小程序云数据库的分页加载
- TextView实现跑马灯效果 就这么简单!
- Android自带emoji表情的使用方法详解
- Android EditText实现输入表情
- Android编程实现使用Intent传输包含自定义类的ArrayList示例
- EditText实现输入限制和校验功能实例代码
- java零基础入门006~springboot实现多文件的上传(java多文件的上传)
- Android编程实现随机生成颜色的方法示例
- Android中将Bitmap对象以PNG格式保存在内部存储中的方法
- python入门012~使用python3爬取网络图片并保存到本地
- java入门015~springboot2整合mybatis,轻松实现mysql数据的增删改查
- 详解Android activity与fragment之间的通信交互