Flask学习与项目实战9：WTF表单验证

ゞ浴缸里的玫瑰 2023-10-01 18:16 9阅读 0赞

### 1.WTF表单验证介绍 ###

Flask-WTF是简化了WTForms操作的一个第三方库。WTForms表单的两个主要功能是验证用户提交数据的合法性以及渲染模板。当然还包括一些其他的功能：CSRF保护，文件上传等。安装Flask-WTF默认也会安装WTForms，因此使用以下命令来安装Flask-WTF: `pip install flask-wtf`。

例如上淘宝的时候登陆，先查用户输入的是不是满足条件，不满足都不会查数据库。即 查询数据库之前就来验证是否满足要求了。

WTForms是可以在其他框架也一起使用的，如django等。而Flask专门简化了这个第三方库，来方便进行项目的操作。

### 2.进行表单验证 ###

validators就是传一些验证参数进去来进行比较。

代码如下：

class RegistForm(Form):
        name = StringField(validators=[length(min=4,max=25)])
        email = StringField(validators=[email()])
        password = StringField(validators=[DataRequired(),length(min=6,max=10),EqualTo('confirm')])
        confirm = StringField()

DataRequired是密码必须输入的意思，EqualTo（‘confirm’）是必须相等的意思。

### 3.代码实现 ###

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rSy55qE5a2m5Lmg56yU6K6w_size_17_color_FFFFFF_t_70_g_se_x_16]  
在action中的意思是，当点击按钮之后，要把数据发送到哪个url。

method是指请求方法。同时需要注意input的name需要跟自己设置的对应。

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rSy55qE5a2m5Lmg56yU6K6w_size_14_color_FFFFFF_t_70_g_se_x_16]  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rSy55qE5a2m5Lmg56yU6K6w_size_14_color_FFFFFF_t_70_g_se_x_16 1]  
如果缺少邮箱的验证器，可以使用 pip install email\_validator来进行安装。

同时在上面的代码中需要进行改进，即对于视图默认是只支持GET，需要增加post如下图所示：  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rSy55qE5a2m5Lmg56yU6K6w_size_12_color_FFFFFF_t_70_g_se_x_16]  
![在这里插入图片描述][5e1b56d9d8eb41968c5e4d668a8ee09d.png]  
这样就可以进行验证了。（初步缓解数据库的压力）。

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rSy55qE5a2m5Lmg56yU6K6w_size_17_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/95f38db462234b3c9a60b62e92f780b3.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rSy55qE5a2m5Lmg56yU6K6w,size_17,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rSy55qE5a2m5Lmg56yU6K6w_size_14_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/5b9cb5fa26014b519217bc54a5e40654.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rSy55qE5a2m5Lmg56yU6K6w,size_14,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rSy55qE5a2m5Lmg56yU6K6w_size_14_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/8f7406870bf440caaa97c2bc20a2d9be.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rSy55qE5a2m5Lmg56yU6K6w,size_14,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rSy55qE5a2m5Lmg56yU6K6w_size_12_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/4c00cf63045a48c7bd8ec289920a4f0b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rSy55qE5a2m5Lmg56yU6K6w,size_12,color_FFFFFF,t_70,g_se,x_16
[5e1b56d9d8eb41968c5e4d668a8ee09d.png]: https://img-blog.csdnimg.cn/5e1b56d9d8eb41968c5e4d668a8ee09d.png