Flask WTForm表單的使用

時間 2019-11-11

標籤 flask wtform 表單使用欄目 Python 简体版

原文原文鏈接

運行環境：html

python2.7前端

flask 0.11html5

flask-wtf 0.14.2python

wtform可以經過一個類定義一些字段，這些字段會在前端生成標籤，而且經過設置字段的驗證規則，自動判斷前端輸入數據的格式。正則表達式

通常用於用戶登陸，用戶註冊等信息錄入。flask

 1 from wtforms import Form
 2 from flask import Flask,render_template,request,redirect
 3 from wtforms.fields import core
 4 from wtforms.fields import html5
 5 from wtforms.fields import  simple
 6 from wtforms import validators
 7 from wtforms import widgets
 8 import sys
 9 reload(sys)
10 sys.setdefaultencoding('utf8')
11 #python2.7 轉碼用的，避免顯示中文爲亂碼
12 
13 
14 app = Flask(__name__,template_folder='templates')
15 app.debug=True
16 
17 class LoginForm(Form):
18     name = simple.StringField(
19         label='用戶名',   #前端顯示中文
20         validators=[
21             validators.DataRequired(message='用戶名不能爲空'),
22             validators.Length(min=6,max=18,message='用戶名長度必須大於%(min)d且小於%(max)d')
23         ],    #字段的驗證規則
24         widget=widgets.TextInput(), #頁面上顯示的標籤
25         render_kw={'class':'form=control'} #給上面插件生成的時候添加屬性，好比bootstrap的屬性
26     )
27     pwd = simple.PasswordField(
28         label='密碼',
29         validators=[
30             validators.DataRequired(message='密碼不能爲空'),
31             validators.Length(min=8,message='用戶名長度必須大於%(min)d'),
32             validators.Regexp(regex="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*/&]{8,}",
33                               message='密碼至少8個字符，至少1個大寫字母，1個小寫字母'),
34 
35         ],
36         widget=widgets.PasswordInput(),
37         render_kw={'class':'from-control'}
38     )
39 #字段，內部包含正則表達式
40 
41 @app.route('/login',methods=['GET','POST'])
42 def login():
43     if request.method == 'GET':
44         form = LoginForm()
45         return render_template('login.html',form=form)
46         #將form對象傳給前端
47     else:
48         form = LoginForm(formdata=request.form)  #從請求體from中取值
49         if form.validate():   #驗證
50             print "用戶提交數據經過，提交的值爲:",form.data
51         else:
52             print form.errors    #錯誤信息
53         return render_template('login.html',form=form)
54 
55 
56 
57 @app.route('/')
58 def hello_world():
59     return 'Hello World!'
60 
61 
62 if __name__ == '__main__':
63     app.run()

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta http-equiv="x-ua-compatible" content="IE=edge">
 6     <meta name="viewport" content="width=device-width, initial-scale=1">
 7     <title>Title</title>
 8 </head>
 9 <body>
10 <h1>登錄</h1>
11 <form method="post">
12     <p>{{ form.name.label }}  {{ form.name }} {{ form.name.errors[0] }}</p>
13     <p>{{ form.pwd.label }}  {{ form.pwd }} {{ form.pwd.errors[0] }}</p>
14     <input type="submit" value="提交">
15 </form>
16 </body>
17 </html>