Form表單驗(yàn)證（用戶請(qǐng)求驗(yàn)證+生成HTML標(biāo)簽）

• 需求：添加用戶界面
  • 顯示HTML標(biāo)簽
  • 提交：數(shù)據(jù)驗(yàn)證
  • 成功之后保存
  • 錯(cuò)誤顯示錯(cuò)誤信息

1. 創(chuàng)建Form類

創(chuàng)建自定義類，繼承Form ， 類屬性 最好與數(shù)據(jù)庫(kù) 列名相同:
　　　　error_messages:錯(cuò)誤信息
　　　　widget：渲染方式
　　　　required:不為空

        def __init__(self,*args,**kwargs):
            super(UserForm,self).__init__(*args,**kwargs)
            # self.fields已經(jīng)有所有拷貝的字段
            self.fields['ut_id'].choices = models.UserType.objects.values_list('id','title')
            self.fields['role_id'].choices = models.Role.objects.values_list('id','caption')

如果需要讀庫(kù)的內(nèi)容，則應(yīng)該放入 類初始化方法中，不然數(shù)據(jù)庫(kù)有更新，卻更新不到頁(yè)面，
因?yàn)轭悓傩?只有在第一次生成的時(shí)候執(zhí)行，而 初始化方法 在每次類被調(diào)用的時(shí)候都執(zhí)行，能拿到第一手資料

from django.forms import Form
      from django.forms import fields
      from django.forms import widgets

      class MyForm (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':'郵箱格式錯(cuò)誤'},
            widget = widgets.TextInput(attrs={'class': 'form-control'})
         )
         # fields.EmailField()
         # fields.GenericIPAddressField(protocol='ipv4')

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

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

第一步：創(chuàng)建form類

2. 生成HTML標(biāo)簽：添加頁(yè)面

form = MyForm()
{{form.xx}}

<form action="/" method="POST" enctype="multipart/form-data">
    <p>{{ form.user }} {{ form.user.errors }}</p>
    <p>{{ form.gender }} {{ form.gender.errors }}</p>
    <p>{{ form.city }} {{ form.city.errors }}</p>
    <p>{{ form.pwd }} {{ form.pwd.errors }}</p>
    <input type="submit"/>
</form>

生成html

3. 帶默認(rèn)值的HTML標(biāo)簽：編輯頁(yè)面

form = MyForm(initial={'xx': xxx})
{{form.xx}}

from django.shortcuts import render, redirect
from .forms import MyForm
 
 
def index(request):
    if request.method == "GET":
        obj = MyForm()
        return render(request, 'index.html', {'form': obj})
    elif request.method == "POST":
        obj = MyForm(request.POST, request.FILES)
        if obj.is_valid():
            values = obj.clean()
            print(values)
        else:
            errors = obj.errors
            print(errors)
        return render(request, 'index.html', {'form': obj})
    else:
        return redirect('http://www.google.com')

View 處理

4. 提交數(shù)據(jù)

      form = MyForm(data=request.POST)
      
      if form.is_valid():
         print(form.cleaned_data)
      else:
         print(form.errors)

• 問(wèn)題：下拉框數(shù)據(jù)無(wú)法實(shí)時(shí)更新

      class UserForm(Form):
         username = fields.CharField(
            required=True,
            error_messages={'required':'用戶名不能為空'}
         )
         password = fields.CharField(
            required=True,
            error_messages={'required': '郵箱不能為空','invalid':'郵箱格式錯(cuò)誤'}
         )

         ut_id = fields.ChoiceField(choices=[])

         def __init__(self,*args,**kwargs):
            super(UserForm,self).__init__(*args,**kwargs)

            self.fields['ut_id'].choices = models.UserType.objects.values_list('id','title')

Form類

• 創(chuàng)建Form類時(shí)，主要涉及 字段 和 插件：
  • 字段：用于對(duì)用戶請(qǐng)求數(shù)據(jù)的驗(yàn)證
  • 插件：用于自動(dòng)生成HTML

1. Django內(nèi)置字段

Field
    required=True,               是否允許為空
    widget=None,                 HTML插件
    label=None,                  用于生成Label標(biāo)簽或顯示內(nèi)容
    initial=None,                初始值
    help_text='',                幫助信息(在標(biāo)簽旁邊顯示)
    error_messages=None,         錯(cuò)誤信息 {'required': '不能為空', 'invalid': '格式錯(cuò)誤'}
    show_hidden_initial=False,   是否在當(dāng)前插件后面再加一個(gè)隱藏的且具有默認(rèn)值的插件（可用于檢驗(yàn)兩次輸入是否一直）
    validators=[],               自定義驗(yàn)證規(guī)則
    localize=False,              是否支持本地化
    disabled=False,              是否可以編輯
    label_suffix=None            Label內(nèi)容后綴
 
 
CharField(Field)
    max_length=None,             最大長(zhǎng)度
    min_length=None,             最小長(zhǎng)度
    strip=True                   是否移除用戶輸入空白
 
IntegerField(Field)
    max_value=None,              最大值
    min_value=None,              最小值
 
FloatField(IntegerField)
    ...
 
DecimalField(IntegerField)
    max_value=None,              最大值
    min_value=None,              最小值
    max_digits=None,             總長(zhǎng)度
    decimal_places=None,         小數(shù)位長(zhǎng)度
 
BaseTemporalField(Field)
    input_formats=None          時(shí)間格式化   
 
DateField(BaseTemporalField)    格式：2015-09-01
TimeField(BaseTemporalField)    格式：11:12
DateTimeField(BaseTemporalField)格式：2015-09-01 11:12
 
DurationField(Field)            時(shí)間間隔：%d %H:%M:%S.%f
    ...
 
RegexField(CharField)
    regex,                      自定制正則表達(dá)式
    max_length=None,            最大長(zhǎng)度
    min_length=None,            最小長(zhǎng)度
    error_message=None,         忽略，錯(cuò)誤信息使用 error_messages={'invalid': '...'}
 
EmailField(CharField)      
    ...
 
FileField(Field)
    allow_empty_file=False     是否允許空文件
 
ImageField(FileField)      
    ...
    注：需要PIL模塊，pip3 install Pillow
    以上兩個(gè)字典使用時(shí)，需要注意兩點(diǎn)：
        - form表單中 enctype="multipart/form-data"
        - view函數(shù)中 obj = MyForm(request.POST, request.FILES)
 
URLField(Field)
    ...
 
 
BooleanField(Field)  
    ...
 
NullBooleanField(BooleanField)
    ...
 
ChoiceField(Field)
    ...
    choices=(),                選項(xiàng)，如：choices = ((0,'上海'),(1,'北京'),)
    required=True,             是否必填
    widget=None,               插件，默認(rèn)select插件
    label=None,                Label內(nèi)容
    initial=None,              初始值
    help_text='',              幫助提示
 
 
ModelChoiceField(ChoiceField)
    ...                        django.forms.models.ModelChoiceField
    queryset,                  # 查詢數(shù)據(jù)庫(kù)中的數(shù)據(jù)
    empty_label="---------",   # 默認(rèn)空顯示內(nèi)容
    to_field_name=None,        # HTML中value的值對(duì)應(yīng)的字段
    limit_choices_to=None      # ModelForm中對(duì)queryset二次篩選
     
ModelMultipleChoiceField(ModelChoiceField)
    ...                        django.forms.models.ModelMultipleChoiceField
 
 
     
TypedChoiceField(ChoiceField)
    coerce = lambda val: val   對(duì)選中的值進(jìn)行一次轉(zhuǎn)換
    empty_value= ''            空值的默認(rèn)值
 
MultipleChoiceField(ChoiceField)
    ...
 
TypedMultipleChoiceField(MultipleChoiceField)
    coerce = lambda val: val   對(duì)選中的每一個(gè)值進(jìn)行一次轉(zhuǎn)換
    empty_value= ''            空值的默認(rèn)值
 
ComboField(Field)
    fields=()                  使用多個(gè)驗(yàn)證，如下：即驗(yàn)證最大長(zhǎng)度20，又驗(yàn)證郵箱格式
                               fields.ComboField(fields=[fields.CharField(max_length=20), fields.EmailField(),])
 
MultiValueField(Field)
    PS: 抽象類，子類中可以實(shí)現(xiàn)聚合多個(gè)字典去匹配一個(gè)值，要配合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)     文件選項(xiàng)，目錄下文件顯示在頁(yè)面中
    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時(shí)候，可解析為192.0.2.1， PS：protocol必須為both才能啟用
 
SlugField(CharField)           數(shù)字，字母，下劃線，減號(hào)（連字符）
    ...
 
UUIDField(CharField)           uuid類型
    ...

注：UUID是根據(jù)MAC以及當(dāng)前時(shí)間等創(chuàng)建的不重復(fù)的隨機(jī)字符串

>>> import uuid

    # make a UUID based on the host ID and current time
    >>> uuid.uuid1()    # doctest: +SKIP
    UUID('a8098c1a-f86e-11da-bd1a-00112444be1e')

    # make a UUID using an MD5 hash of a namespace UUID and a name
    >>> uuid.uuid3(uuid.NAMESPACE_DNS, 'python.org')
    UUID('6fa459ea-ee8a-3ca4-894e-db77e160355e')

    # make a random UUID
    >>> uuid.uuid4()    # doctest: +SKIP
    UUID('16fd2706-8baf-433b-82eb-8c7fada847da')

    # make a UUID using a SHA-1 hash of a namespace UUID and a name
    >>> uuid.uuid5(uuid.NAMESPACE_DNS, 'python.org')
    UUID('886313e1-3b8a-5372-9b90-0c9aee199e5d')

    # make a UUID from a string of hex digits (braces and hyphens ignored)
    >>> x = uuid.UUID('{00010203-0405-0607-0809-0a0b0c0d0e0f}')

    # convert a UUID to a string of hex digits in standard form
    >>> str(x)
    '00010203-0405-0607-0809-0a0b0c0d0e0f'

    # get the raw 16 bytes of the UUID
    >>> x.bytes
    b'\x00\x01\x02\x03\x04\x05\x06\x07\x08\t\n\x0b\x0c\r\x0e\x0f'

    # make a UUID from a 16-byte string
    >>> uuid.UUID(bytes=x.bytes)
    UUID('00010203-0405-0607-0809-0a0b0c0d0e0f')

UUID

2. Django內(nèi)置插件

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

內(nèi)置插件

常用選擇插件

# 單radio，值為字符串
# user = fields.CharField(
#     initial=2,
#     widget=widgets.RadioSelect(choices=((1,'上海'),(2,'北京'),))
# )
 
# 單radio，值為字符串
# user = fields.ChoiceField(
#     choices=((1, '上海'), (2, '北京'),),
#     initial=2,
#     widget=widgets.RadioSelect
# )
 
# 單select，值為字符串
# user = fields.CharField(
#     initial=2,
#     widget=widgets.Select(choices=((1,'上海'),(2,'北京'),))
# )
 
# 單select，值為字符串
# user = fields.ChoiceField(
#     choices=((1, '上海'), (2, '北京'),),
#     initial=2,
#     widget=widgets.Select
# )
 
# 多選select，值為列表
# user = fields.MultipleChoiceField(
#     choices=((1,'上海'),(2,'北京'),),
#     initial=[1,],
#     widget=widgets.SelectMultiple
# )
 
 
# 單checkbox
# user = fields.CharField(
#     widget=widgets.CheckboxInput()
# )
 
 
# 多選checkbox,值為列表
# user = fields.MultipleChoiceField(
#     initial=[2, ],
#     choices=((1, '上海'), (2, '北京'),),
#     widget=widgets.CheckboxSelectMultiple
# )

- 常用插件
            
            class RegisterForm(Form):
                name = fields.CharField(
                    widget=widgets.TextInput(attrs={'class': 'c1'})
                )
                email = fields.EmailField(
                    widget=widgets.EmailInput(attrs={'class':'c1'})
                )
                phone = fields.CharField(
                    widget=widgets.Textarea(attrs={'class':'c1'})
                )
                pwd = fields.CharField(
                    widget=widgets.PasswordInput(attrs={'class':'c1'})
                )
                pwd_confirm = fields.CharField(
                    widget=widgets.PasswordInput(attrs={'class': 'c1'})
                )
                # 單選：select
                # city = fields.ChoiceField(
                #     choices=[(0,"上海"),(1,'北京')],
                #     widget=widgets.Select(attrs={'class': 'c1'})
                # )
                # 多選：select
                # city = fields.MultipleChoiceField(
                #     choices=[(1,"上海"),(2,'北京')],
                #     widget=widgets.SelectMultiple(attrs={'class': 'c1'})
                # )
                
                # 單選：checkbox
                # city = fields.CharField(
                #     widget=widgets.CheckboxInput()
                # )

                # 多選：checkbox
                # city = fields.MultipleChoiceField(
                #     choices=((1, '上海'), (2, '北京'),),
                #     widget=widgets.CheckboxSelectMultiple
                # )

                # 單選：radio
                # city = fields.CharField(
                #     initial=2,
                #     widget=widgets.RadioSelect(choices=((1,'上海'),(2,'北京'),))
                # )
        
            注意：寫默認(rèn)值時(shí)，多選值對(duì)應(yīng)列表
            
            # form = RegisterForm(initial={'city':[1,2],'name':'alex'})
            form = RegisterForm()

實(shí)例

• 在使用選擇標(biāo)簽時(shí)，需要注意choices的選項(xiàng)可以從數(shù)據(jù)庫(kù)中獲取，但是由于是靜態(tài)字段 獲取的值無(wú)法實(shí)時(shí)更新，那么需要自定義構(gòu)造方法從而達(dá)到此目的。

<1>
from django.forms import Form
from django.forms import widgets
from django.forms import fields
from django.core.validators import RegexValidator
 
class MyForm(Form):
 
    user = fields.ChoiceField(
        # choices=((1, '上海'), (2, '北京'),),
        initial=2,
        widget=widgets.Select
    )
 
    def __init__(self, *args, **kwargs):
        super(MyForm,self).__init__(*args, **kwargs)
        # self.fields['user'].widget.choices = ((1, '上海'), (2, '北京'),)
        # 或
        self.fields['user'].widget.choices = models.Classes.objects.all().value_list('id','caption')


<2> 使用django提供的ModelChoiceField和ModelMultipleChoiceField字段來(lái)實(shí)現(xiàn)
from django import forms
from django.forms import fields
from django.forms import widgets
from django.forms import models as form_model
from django.core.exceptions import ValidationError
from django.core.validators import RegexValidator
 
class FInfo(forms.Form):
    authors = form_model.ModelMultipleChoiceField(queryset=models.NNewType.objects.all())
    # authors = form_model.ModelChoiceField(queryset=models.NNewType.objects.all())

3.

自定義驗(yàn)證規(guī)則

<1> RegexValidator

from django.forms import Form
from django.forms import widgets
from django.forms import fields
from django.core.validators import RegexValidator
 
class MyForm(Form):
    user = fields.CharField(
        validators=[RegexValidator(r'^[0-9]+$', '請(qǐng)輸入數(shù)字'), RegexValidator(r'^159[0-9]+$', '數(shù)字必須以159開頭')],
    )

<2> 自定義類方法

import re
from django.forms import Form
from django.forms import widgets
from django.forms import fields
from django.core.exceptions import ValidationError
 
 
# 自定義驗(yàn)證規(guī)則
def mobile_validate(value):
    mobile_re = re.compile(r'^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$')
    if not mobile_re.match(value):
        raise ValidationError('手機(jī)號(hào)碼格式錯(cuò)誤')
 
 
class PublishForm(Form):
 
    # 使用自定義驗(yàn)證規(guī)則
    phone = fields.CharField(validators=[mobile_validate, ],
                            error_messages={'required': '手機(jī)不能為空'},
                            widget=widgets.TextInput(attrs={'class': "form-control",
                                                          'placeholder': u'手機(jī)號(hào)碼'}))

<3> 定義函數(shù) clean_%s

# 通過(guò) 定義函數(shù) clean_%s  (%s 是定義 form 類中的變量)；
# djangon內(nèi)部執(zhí)行到form類中的一個(gè)變量后就會(huì)立即循環(huán) clean_%s 函數(shù)進(jìn)行執(zhí)行；
# 如果form類變量中已經(jīng)有 RegexValidator 驗(yàn)證方法了,則 RegexValidator 優(yōu)先

from django import forms
    from django.forms import fields
    from django.forms import widgets
    from django.core.exceptions import ValidationError
    from django.core.validators import RegexValidator
 
    class FInfo(forms.Form):
        username = fields.CharField(max_length=5,
                                    validators=[RegexValidator(r'^[0-9]+$', 'Enter a valid extension.', 'invalid')], )
        email = fields.EmailField()
 
        def clean_username(self):
            """
            Form中字段中定義的格式匹配完之后，執(zhí)行此方法進(jìn)行驗(yàn)證
            :return:
            """
            value = self.cleaned_data['username']
            if "666" in value:
                raise ValidationError('666已經(jīng)被玩爛了...', 'invalid')
            return value

<4> 同時(shí)生成多個(gè)標(biāo)簽進(jìn)行驗(yàn)證

from django.forms import Form
from django.forms import widgets
from django.forms import fields
 
from django.core.validators import RegexValidator
 
 
############## 自定義字段 ##############
class PhoneField(fields.MultiValueField):
    def __init__(self, *args, **kwargs):
        # Define one message for all fields.
        error_messages = {
            'incomplete': 'Enter a country calling code and a phone number.',
        }
        # Or define a different message for each field.
        f = (
            fields.CharField(
                error_messages={'incomplete': 'Enter a country calling code.'},
                validators=[
                    RegexValidator(r'^[0-9]+$', 'Enter a valid country calling code.'),
                ],
            ),
            fields.CharField(
                error_messages={'incomplete': 'Enter a phone number.'},
                validators=[RegexValidator(r'^[0-9]+$', 'Enter a valid phone number.')],
            ),
            fields.CharField(
                validators=[RegexValidator(r'^[0-9]+$', 'Enter a valid extension.')],
                required=False,
            ),
        )
        super(PhoneField, self).__init__(error_messages=error_messages, fields=f, require_all_fields=False, *args,
                                         **kwargs)
 
    def compress(self, data_list):
        """
        當(dāng)用戶驗(yàn)證都通過(guò)后，該值返回給用戶
        :param data_list:
        :return:
        """
        return data_list
 
############## 自定義插件 ##############
class SplitPhoneWidget(widgets.MultiWidget):
    def __init__(self):
        ws = (
            widgets.TextInput(),
            widgets.TextInput(),
            widgets.TextInput(),
        )
        super(SplitPhoneWidget, self).__init__(ws)
 
    def decompress(self, value):
        """
        處理初始值，當(dāng)初始值initial不是列表時(shí)，調(diào)用該方法
        :param value:
        :return:
        """
        if value:
            return value.split(',')
        return [None, None, None]

<5> 整體驗(yàn)證, 獲取 完 類的所有變量后 進(jìn)行 clean 驗(yàn)證

# 整體驗(yàn)證： clean,必須有返回值,給指定字段添加錯(cuò)誤信息

class RegisterForm(Form):
                name = fields.CharField()
                email = fields.EmailField()
                phone = fields.CharField()
                pwd = fields.CharField()
                pwd_confirm = fields.CharField()

                def clean(self):
                    pwd = self.cleaned_data['pwd']
                    pwd_confirm = self.cleaned_data['pwd_confirm']
                    if pwd == pwd_confirm:
                        return self.cleaned_data
                    else:
                        from django.core.exceptions import ValidationError
                        # self.add_error('pwd', ValidationError('密碼輸入不一致'))
                        self.add_error('pwd_confirm', ValidationError('密碼輸入不一致'))
                        return self.cleaned_data