Django基础之Form表单验证

Form表单验证

1.创建Form类(本质就是正则表达式的集合)

from django.forms import Form
from django.forms import fields
from django.forms import widgets
from Mybbs.models import *
import re

class UserForm(Form):
    username = fields.CharField(
        required=True,
        error_messages={‘required‘:‘用户名不能为空‘},
        widget=widgets.TextInput(attrs={‘class‘:‘form-control‘})
    )

    password = fields.CharField(
        required=True,
        error_messages={‘required‘: ‘密码不能为空‘,‘invalid‘:‘密码格式错误‘},
        widget = widgets.TextInput(attrs={‘class‘: ‘form-control‘})
    )

    ut_id = fields.ChoiceField(
        choices=[],
        widget=widgets.Select(attrs={‘class‘:‘form-control‘})
    )

    role_id = fields.MultipleChoiceField(
        choices=[],
        widget=widgets.SelectMultiple(attrs={‘class‘:‘form-control‘})
    )

创建自定义类继承Form,类属性最好与数据库字段名称相同:

required:不能为空
error_messages:错误信息
widget:渲染方式

# 如果需要读库的内容,则应该放入 类初始化方法中,不然数据库有更新,却更新不到页面,
# 因为类属性 只有在第一次生成的时候执行,而 初始化方法 在每次类被调用的时候都执行,能拿到第一手资料
def __init__(self, *args, **kwargs):
    super(UserForm, self).__init__(*args, **kwargs)
    # self.fields已经有所有拷贝的字段
    self.fields[‘ut_id‘].choices = models.UserType.objects.values_list(‘id‘, ‘title‘)
    self.fields[‘role_id‘].choices = models.Role.objects.values_list(‘id‘, ‘caption‘)

2.前端生成HTML

<form method="POST" novalidate>
	{% csrf_token %}
	<!--{{ form.as_p }}  生成form中所有的html标签 -->
	<p>
		用户名: {{ form.username }} {{ form.errors.username.0 }}
	</p>
	<p>
		密码: {{ form.password }}  {{ form.errors.password.0 }}
	</p>
	<p>
		用户类型: {{ form.ut_id }}  {{ form.errors.ut_id.0 }}
	</p>
	<p>
		角色: {{ form.role_id }}  {{ form.errors.role_id.0 }}
	</p>

	<input type="submit" value="提交" />
</form>

novalidate:禁止浏览器弹出的错误

3.带默认值的好HTML标签:编辑界面

class EditUserView(AuthView,View):

    def get(self, request, pk):
        obj = models.UserInfo.objects.filter(id=pk).first()
        role_id_list = obj.rl.values_list(‘id‘)
        v = list(zip(*role_id_list))[0] if role_id_list else []
        form = UserForm(initial={‘username‘: obj.username, ‘password‘: obj.password, ‘ut_id‘: obj.ut_id,‘role_id‘:v})
        return render(request,‘edit_user.html‘,{‘form‘:form})

    def post(self,request,pk):
        form = UserForm(data=request.POST)
        if form.is_valid():
            # # {‘username‘: ‘xxxxx‘, ‘password‘: ‘xxxxx‘, ‘ut_id‘: ‘1‘,role_id:}
            role_id = form.cleaned_data.pop(‘role_id‘)
            # 用户表更新
            query = models.UserInfo.objects.filter(id=pk)
            query.update(**form.cleaned_data)
            obj = query.first()
            obj.rl.set(role_id)

            return redirect(‘/users.html‘)
        else:
            print(form.errors)
            return render(request, ‘edit_user.html‘, {‘form‘: form})

Form类

创建Form类时,主要涉及到 【字段】 和 【插件】,字段用于对用户请求数据的验证,插件用于自动生成HTML;

1.Django内置字段如下:

Field
    required=True,               是否允许为空
    widget=None,                 HTML插件
    label=None,                  用于生成Label标签或显示内容
    initial=None,                初始值
    help_text=‘‘,                帮助信息(在标签旁边显示)
    error_messages=None,         错误信息 {‘required‘: ‘不能为空‘, ‘invalid‘: ‘格式错误‘}
    show_hidden_initial=False,   是否在当前插件后面再加一个隐藏的且具有默认值的插件(可用于检验两次输入是否一直)
    validators=[],               自定义验证规则
    localize=False,              是否支持本地化
    disabled=False,              是否可以编辑
    label_suffix=None            Label内容后缀

CharField(Field)
    max_length=None,             最大长度
    min_length=None,             最小长度
    strip=True                   是否移除用户输入空白

IntegerField(Field)
    max_value=None,              最大值
    min_value=None,              最小值

FloatField(IntegerField)
    ...

DecimalField(IntegerField)
    max_value=None,              最大值
    min_value=None,              最小值
    max_digits=None,             总长度
    decimal_places=None,         小数位长度

BaseTemporalField(Field)
    input_formats=None          时间格式化   

DateField(BaseTemporalField)    格式:2015-09-01
TimeField(BaseTemporalField)    格式:11:12
DateTimeField(BaseTemporalField)格式:2015-09-01 11:12

DurationField(Field)            时间间隔:%d %H:%M:%S.%f
    ...

RegexField(CharField)
    regex,                      自定制正则表达式
    max_length=None,            最大长度
    min_length=None,            最小长度
    error_message=None,         忽略,错误信息使用 error_messages={‘invalid‘: ‘...‘}

EmailField(CharField)
    ...

FileField(Field)
    allow_empty_file=False     是否允许空文件

ImageField(FileField)
    ...
    注:需要PIL模块,pip3 install Pillow
    以上两个字典使用时,需要注意两点:
        - form表单中 enctype="multipart/form-data"
        - view函数中 obj = MyForm(request.POST, request.FILES)

URLField(Field)
    ...

BooleanField(Field)
    ...

NullBooleanField(BooleanField)
    ...

ChoiceField(Field)
    ...
    choices=(),                选项,如:choices = ((0,‘上海‘),(1,‘北京‘),)
    required=True,             是否必填
    widget=None,               插件,默认select插件
    label=None,                Label内容
    initial=None,              初始值
    help_text=‘‘,              帮助提示

ModelChoiceField(ChoiceField)
    ...                        django.forms.models.ModelChoiceField
    queryset,                  # 查询数据库中的数据
    empty_label="---------",   # 默认空显示内容
    to_field_name=None,        # HTML中value的值对应的字段
    limit_choices_to=None      # ModelForm中对queryset二次筛选

ModelMultipleChoiceField(ModelChoiceField)
    ...                        django.forms.models.ModelMultipleChoiceField

TypedChoiceField(ChoiceField)
    coerce = lambda val: val   对选中的值进行一次转换
    empty_value= ‘‘            空值的默认值

MultipleChoiceField(ChoiceField)
    ...

TypedMultipleChoiceField(MultipleChoiceField)
    coerce = lambda val: val   对选中的每一个值进行一次转换
    empty_value= ‘‘            空值的默认值

ComboField(Field)
    fields=()                  使用多个验证,如下:即验证最大长度20,又验证邮箱格式
                               fields.ComboField(fields=[fields.CharField(max_length=20), fields.EmailField(),])

MultiValueField(Field)
    PS: 抽象类,子类中可以实现聚合多个字典去匹配一个值,要配合MultiWidget使用

SplitDateTimeField(MultiValueField)
    input_date_formats=None,   格式列表:[‘%Y--%m--%d‘, ‘%m%d/%Y‘, ‘%m/%d/%y‘]
    input_time_formats=None    格式列表:[‘%H:%M:%S‘, ‘%H:%M:%S.%f‘, ‘%H:%M‘]

FilePathField(ChoiceField)     文件选项,目录下文件显示在页面中
    path,                      文件夹路径
    match=None,                正则匹配
    recursive=False,           递归下面的文件夹
    allow_files=True,          允许文件
    allow_folders=False,       允许文件夹
    required=True,
    widget=None,
    label=None,
    initial=None,
    help_text=‘‘

GenericIPAddressField
    protocol=‘both‘,           both,ipv4,ipv6支持的IP格式
    unpack_ipv4=False          解析ipv4地址,如果是::ffff:192.0.2.1时候,可解析为192.0.2.1, PS:protocol必须为both才能启用

SlugField(CharField)           数字,字母,下划线,减号(连字符)
    ...

UUIDField(CharField)           uuid类型
    ...

2.Django内置插件

TextInput(Input)
NumberInput(TextInput)
EmailInput(TextInput)
URLInput(TextInput)
PasswordInput(TextInput)
HiddenInput(TextInput)
Textarea(Widget)
DateInput(DateTimeBaseInput)
DateTimeInput(DateTimeBaseInput)
TimeInput(DateTimeBaseInput)
CheckboxInput
Select
NullBooleanSelect
SelectMultiple
RadioSelect
CheckboxSelectMultiple
FileInput
ClearableFileInput
MultipleHiddenInput
SplitDateTimeWidget
SplitHiddenDateTimeWidget
SelectDateWidget

实例:

 1 - 常用插件
 2
 3             class RegisterForm(Form):
 4                 name = fields.CharField(
 5                     widget=widgets.TextInput(attrs={‘class‘: ‘c1‘})
 6                 )
 7                 email = fields.EmailField(
 8                     widget=widgets.EmailInput(attrs={‘class‘:‘c1‘})
 9                 )
10                 phone = fields.CharField(
11                     widget=widgets.Textarea(attrs={‘class‘:‘c1‘})
12                 )
13                 pwd = fields.CharField(
14                     widget=widgets.PasswordInput(attrs={‘class‘:‘c1‘})
15                 )
16                 pwd_confirm = fields.CharField(
17                     widget=widgets.PasswordInput(attrs={‘class‘: ‘c1‘})
18                 )
19                 # 单选:select
20                 # city = fields.ChoiceField(
21                 #     choices=[(0,"上海"),(1,‘北京‘)],
22                 #     widget=widgets.Select(attrs={‘class‘: ‘c1‘})
23                 # )
24                 # 多选:select
25                 # city = fields.MultipleChoiceField(
26                 #     choices=[(1,"上海"),(2,‘北京‘)],
27                 #     widget=widgets.SelectMultiple(attrs={‘class‘: ‘c1‘})
28                 # )
29
30                 # 单选:checkbox
31                 # city = fields.CharField(
32                 #     widget=widgets.CheckboxInput()
33                 # )
34
35                 # 多选:checkbox
36                 # city = fields.MultipleChoiceField(
37                 #     choices=((1, ‘上海‘), (2, ‘北京‘),),
38                 #     widget=widgets.CheckboxSelectMultiple
39                 # )
40
41                 # 单选:radio
42                 # city = fields.CharField(
43                 #     initial=2,
44                 #     widget=widgets.RadioSelect(choices=((1,‘上海‘),(2,‘北京‘),))
45                 # )
46
47             注意:写默认值时,多选值对应列表
48
49             # form = RegisterForm(initial={‘city‘:[1,2],‘name‘:‘alex‘})
50             form = RegisterForm()
51
52 实例

时间: 2024-12-15 06:22:49

Django基础之Form表单验证的相关文章

Django中的Form表单验证

回忆一下Form表单验证的逻辑: 前端有若干个input输入框,将用户输入内容,以字典传递给后端. 后端预先存在一个Form表单验证的基类,封装了一个检测用户输入是否全部通过的方法.该方法会先定义好错误信息的字典,并会遍历类的所有属性(对应前端待验证的输入域),调用各自的验证方法,将错误信息(两类,必要与否以及格式正确与否)存入字典,并得出最终的验证结果.在使用时,需要定义继承自Form基类不同的Form类,以对应有着不同输入域的Form表单.在拿到前端给的字典前,要先初始化自定义From类,直

django之form表单验证

django中的Form一般有两种功能: 输入html 验证用户输入 #!/usr/bin/env python # -*- coding:utf-8 -*- import re from django import forms from django.core.exceptions import ValidationError def mobile_validate(value): mobile_re = re.compile(r'^(13[0-9]|15[012356789]|17[678]

Python自动化运维系列之Django Form表单验证

Form表单验证 Django核心功能组件之一,虽然也可以在前端使用JS对表单验证, 但是Django中已经为我们准备好的Form功能还算是很强大的,有时候比较适合运维,为我们简化了很多前端开发工作. Django最主要的几个功能有4个     ·  生成HTML标签     ·  验证数据(表单错误信息提示)     ·  HTML 表单保留上次提交数据     ·  初始化页面表单内容 Django的Form内容还是挺多的,我们可以从一个简单的登陆验证例子来看看Form的基本功能使用 1)新

python_way day14 HTML-day5 (form表单验证,)

python-way day19 1. dJango的form表单验证 一,django表单验证功能 1.django验证基础: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>django form</title> </head> <body> <div> <i

Django 中的Form表单认证

一.Form表单 ? 1.1 Form的几个功能 验证用户数据(显示错误信息) 初始化页面显示内容 HTML Form提交保留上次提交数据 生成HTML标签 ? 1.2 创建表单类Form 1. 创建的类必须继承类:forms.Form 2. 字段名必须与前端表单中的名称一致(完全一样) 3. Field类是所有其他类的基类 #!/usr/bin/env python # -*- coding:utf-8 -*- import re from django import forms from d

用jquery写自己的form表单验证

这几天看了锋利的jquery,感觉很不错.特别是jquery强大的选择器.今天就利用jquery写了一个自己的form表单验证的小案例.当巩固下jquery.首先贴下代码,当然只是一个小案例. 思路:   1.<input type="text" Validate="Date" id="date"/>这里的 Validate:是我们需要验证的类型(属于日期类型),这里你也可以自己定义.id属性就不用说了.<input type=

# Django admin、form表单的应用记录

目录 Django admin.form表单的应用记录 一 Django admin 1. 使用介绍 form组件使用 1. form的作用 2. form组件生成HTMKL代码 3. form组件校验数据有效性 3. form组件如何给html标签设置默认值 Django admin.form表单的应用记录 一 Django admin 1. 使用介绍 1. 创建超级用户 python manage.py createsuperuser username: wph password: 1231

抽屉之Tornado实战(7)--form表单验证

在这里,我们把form表单验证的代码进行工具化了,以后稍微修改一下参数就可以拿来用了 先贴上代码 forms.py from backend.form import fields class BaseForm: def __init__(self): self._value_dict = {} self._error_dict = {} self._valid_status = True def valid(self, handler): for field_name, field_obj in

ant-pro使用Form表单验证上传图片出现的问题

1.复现:用antd的Form表单验证上传图片必填项时出现问题:复现过程,先提交,提示图片需要上传,上传成功后,依旧提示:图片未上传 2.表单验证原理:先理解一下antd的Form表单验证的表层原理,每个表单getFieldDecorator配置项都有个名字,比如就叫goodsSkuImg,这个goodsSkuImg对应this.props.form.goodsSkuImg如果为空则验证不通过. 3.结论:Form提示的根本原因是this.props.form.goodsSkuImg值为空 4.