知識預覽

• 構建一個表單
• 在Django 中構建一個表單
• Django Form 類詳解
• 使用表單模板

回到頂部

構建一個表單

假設你想在你的網站上創建一個簡單的表單，以獲得用戶的名字。你需要類似這樣的模板：

?

1 2 3 4 5

<form action="/your-name/" method="post"> ????<label for="your_name">Your name: </label> ????<input id="your_name" type="text" name="your_name"> ????<input type="submit" value="OK"> </form>

這是一個非常簡單的表單。實際應用中，一個表單可能包含幾十上百個字段，其中大部分需要預填充，而且我們預料到用戶將來回編輯-提交幾次才能完成操作。

我們可能需要在表單提交之前，在瀏覽器端作一些驗證。我們可能想使用非常復雜的字段，以允許用戶做類似從日歷中挑選日期這樣的事情，等等。

這個時候，讓Django 來為我們完成大部分工作是很容易的。

so,兩個突出優點：

? ? 1 form表單提交時，數據出現錯誤，返回的頁面中仍可以保留之前輸入的數據。

? ? 2 方便地限制字段條件

回到頂部

在Django 中構建一個表單

Form 類

我們已經計劃好了我們的 HTML 表單應該呈現的樣子。在Django 中，我們的起始點是這里：

?

1 2 3 4 5 6

#forms.py from django import forms class NameForm(forms.Form): ????your_name = forms.CharField(label='Your name', max_length=100)

?它定義一個Form?類，只帶有一個字段（your_name）。

字段允許的最大長度通過max_length?定義。它完成兩件事情。首先，它在HTML 的<input>?上放置一個maxlength="100"（這樣瀏覽器將在第一時間阻止用戶輸入多于這個數目的字符）。它還意味著當Django 收到瀏覽器發送過來的表單時，它將驗證數據的長度。

Form?的實例具有一個is_valid()?方法，它為所有的字段運行驗證的程序。當調用這個方法時，如果所有的字段都包含合法的數據，它將：

• 返回True
• 將表單的數據放到cleaned_data屬性中。

完整的表單，第一次渲染時，看上去將像：

?

1 2	<label for="your_name">Your name: </label> <input id="your_name" type="text" name="your_name" maxlength="100">

?注意它不包含?<form>?標簽和提交按鈕。我們必須自己在模板中提供它們。

視圖

發送給Django 網站的表單數據通過一個視圖處理，一般和發布這個表單的是同一個視圖。這允許我們重用一些相同的邏輯。

當處理表單時，我們需要在視圖中實例化它：

#views.pyfrom django.shortcuts import render from django.http import HttpResponseRedirectfrom .forms import NameFormdef get_name(request):# if this is a POST request we need to process the form dataif request.method == 'POST':# create a form instance and populate it with data from the request:form = NameForm(request.POST)# check whether it's valid:if form.is_valid():# process the data in form.cleaned_data as required# ...# redirect to a new URL:return HttpResponseRedirect('/thanks/')# if a GET (or any other method) we'll create a blank formelse:form = NameForm()return render(request, 'name.html', {'form': form})

如果訪問視圖的是一個GET?請求，它將創建一個空的表單實例并將它放置到要渲染的模板的上下文中。這是我們在第一個訪問該URL 時預期發生的情況。

如果表單的提交使用POST?請求，那么視圖將再次創建一個表單實例并使用請求中的數據填充它：form = NameForm(request.POST)。這叫做”綁定數據至表單“（它現在是一個綁定的表單）。

我們調用表單的is_valid()方法；如果它不為True，我們將帶著這個表單返回到模板。這時表單不再為空（未綁定），所以HTML 表單將用之前提交的數據填充，然后可以根據要求編輯并改正它。

如果is_valid()為True，我們將能夠在cleaned_data?屬性中找到所有合法的表單數據。在發送HTTP 重定向給瀏覽器告訴它下一步的去向之前，我們可以用這個數據來更新數據庫或者做其它處理。

模板

我們不需要在name.html 模板中做很多工作。最簡單的例子是：

?

1 2 3 4 5

<form action="/your-name/" method="post"> ????{% csrf_token %} ????{{ form }} ????<input type="submit" value="Submit" /> </form>

?根據{{ form }}，所有的表單字段和它們的屬性將通過Django 的模板語言拆分成HTML 標記 。

注：Django 原生支持一個簡單易用的跨站請求偽造的防護。當提交一個啟用CSRF 防護的POST?表單時，你必須使用上面例子中的csrf_token?模板標簽。

現在我們有了一個可以工作的網頁表單，它通過Django Form 描述、通過視圖處理并渲染成一個HTML?<form>。

回到頂部

Django Form 類詳解

綁定的和未綁定的表單實例

綁定的和未綁定的表單 之間的區別非常重要：

• 未綁定的表單沒有關聯的數據。當渲染給用戶時，它將為空或包含默認的值。
• 綁定的表單具有提交的數據，因此可以用來檢驗數據是否合法。如果渲染一個不合法的綁定的表單，它將包含內聯的錯誤信息，告訴用戶如何糾正數據。

字段詳解

考慮一個比上面的迷你示例更有用的一個表單，我們完成一個更加有用的注冊表單：

#forms.pyfrom django import formsclass RegisterForm(forms.Form):username = forms.CharField(max_length=100,error_messages={"min_length":"最短為5個字符","required":"該字段不能為空"},)password = forms.CharField(max_length=100,widget=widgets.PasswordInput(attrs={"placeholder":"password"}))telephone=forms.IntegerField(error_messages={"invalid":"格式錯誤"})gender=forms.CharField(initial=2,widget=widgets.Select(choices=((1,'上海'),(2,'北京'),)))email = forms.EmailField()is_married = forms.BooleanField(required=False)

Widgets

每個表單字段都有一個對應的Widget?類，它對應一個HTML 表單Widget，例如<input type="text">。

在大部分情況下，字段都具有一個合理的默認Widget。例如，默認情況下，CharField?具有一個TextInput Widget，它在HTML 中生成一個<input type="text">。

字段的數據

不管表單提交的是什么數據，一旦通過調用is_valid()?成功驗證（is_valid()?返回True），驗證后的表單數據將位于form.cleaned_data?字典中。這些數據已經為你轉換好為Python 的類型。

注：此時，你依然可以從request.POST?中直接訪問到未驗證的數據，但是訪問驗證后的數據更好一些。

在上面的聯系表單示例中，is_married將是一個布爾值。類似地，IntegerField?和FloatField?字段分別將值轉換為Python 的int?和float。

回到頂部

使用表單模板

你需要做的就是將表單實例放進模板的上下文。如果你的表單在Context 中叫做form，那么{{ form }}將正確地渲染它的<label>?和?<input>元素。

表單渲染的選項

對于<label>/<input>?對，還有幾個輸出選項：

• {{ form.as_table }}?以表格的形式將它們渲染在<tr>?標簽中
• {{ form.as_p }}?將它們渲染在<p>?標簽中
• {{ form.as_ul }}?將它們渲染在<li>?標簽中

注意，你必須自己提供<table>?或<ul>?元素。

{{ form.as_p }}會渲染如下：

+ View Code?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

<form action=""> ????<p> ????????<label for="id_username">Username:</label> ????????<input id="id_username" maxlength="100" name="username" type="text" required=""> ????</p> ????<p> ????????<label for="id_password">Password:</label> ????????<input id="id_password" maxlength="100" name="password" placeholder="password" type="password" required=""> ????</p> ????<p> ????????<label for="id_telephone">Telephone:</label> <input id="id_telephone" name="telephone" type="number" required=""> ????</p> ????<p> ????????<label for="id_email">Email:</label> <input id="id_email" name="email" type="email" required=""> ????</p> ????<p> ????????<label for="id_is_married">Is married:</label> <input id="id_is_married" name="is_married" type="checkbox"> ????</p> ????<input type="submit" value="注冊"> </form>

手工渲染字段

我們沒有必要非要讓Django 來分拆表單的字段；如果我們喜歡，我們可以手工來做（例如，這樣允許重新對字段排序）。每個字段都是表單的一個屬性，可以使用{{ form.name_of_field }}?訪問，并將在Django 模板中正確地渲染。例如：

?

1 2 3 4 5

<div class="fieldWrapper"> ????{{ form.Username.errors }} ????{{ form.Username.label_tag }} ????{{ form.Username }} </div>

渲染表單的錯誤信息

1、

?

1 2 3

registerForm=RegisterForm(request.POST) print(type(registerForm.errors))????????????????????? #<class 'django.forms.utils.ErrorDict'> print(type(registerForm.errors["username"]))????????? #<class 'django.forms.utils.ErrorList'>

2、

使用{{ form.name_of_field.errors }}?顯示表單錯誤的一個清單，并渲染成一個ul。看上去可能像：

?

1 2 3

<ul class="errorlist"> ????<li>Sender is required.</li> </ul>

?form組件的鉤子

def foo(request):if request.method=="POST":regForm=RegForm(request.POST)if regForm.is_valid():pass# 可用數據: regForm.cleaned_data,# 將數據插入數據庫表中else:pass# 可用數據: regForm.errors# 可以利用模板渲染講errors嵌套到頁面中返回# 也可以打包到一個字典中,用于ajax返回else:regForm=RegForm()return render(request,"register.html",{"regForm":regForm})'''實例化時:self.fields={"username":"字段規則對象","password":"字段規則對象",}is_valid時:self._errors = {}self.cleaned_data = {}#局部鉤子:for name, field in self.fields.items():try:value = field.clean(value)self.cleaned_data[name] = valueif hasattr(self, 'clean_%s' % name):value = getattr(self, 'clean_%s' % name)()self.cleaned_data[name] = valueexcept ValidationError as e:self.add_error(name, e)# 全局鉤子:self.clean() # def self.clean():return self.cleaned_datareturn not self.errors # True或者False'''

form組件補充

1、Django內置字段如下：

Fieldrequired=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:12DurationField(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.ModelChoiceFieldqueryset, # 查詢數據庫中的數據empty_label="---------", # 默認空顯示內容to_field_name=None, # HTML中value的值對應的字段limit_choices_to=None # ModelForm中對queryset二次篩選 ModelMultipleChoiceField(ModelChoiceField)... django.forms.models.ModelMultipleChoiceFieldTypedChoiceField(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=''GenericIPAddressFieldprotocol='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類型... View Code

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 View Code

3、常用選擇插件：

# 單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 # ) View Code

轉載于:https://www.cnblogs.com/a-dyw/p/9289438.html

總結

以上是生活随笔為你收集整理的Django-form表单的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。