碼上快樂

相關內容    簡體    繁體

Django-form進階+詳細版

本文轉載自   查看原文   2017-11-19 19:53   1039 

Django的Form主要具有一下幾大功能：

  • 生成HTML標簽
  • 驗證用戶數據（顯示錯誤信息）
  • HTML Form提交保留上次提交數據
  • 初始化頁面顯示內容

一.創建Form類

#!/usr/bin/env python
 
from django.forms import Form
from django.forms import widgets
from django.forms import fields
 
 
class MyForm(Form):
    user = fields.CharField(
        widget=widgets.TextInput(attrs={"id": "i1", "class": "c1"}),  # 定制html標簽
        label="用戶名"
    )
 
    gender = fields.ChoiceField(
        choices=((1, "男"), (2, "女")),
        initial=2,  # 設置默認值
        widget=widgets.RadioSelect,
        label="性別"
 
    )
 
    city = fields.CharField(
        initial=2,
        widget=widgets.Select(choices=((1,"上海"), (2,"北京"), (3,"重慶"))),
        label="城市"
 
    )
 
    pwd = fields.CharField(
        widget=widgets.PasswordInput(attrs={"class":"p1"}, render_value=True),
        label="性別"
    )
View Code

2.view函數處理

from django.shortcuts import render, redirect
 
# Create your views here.
from day60app.form_cls import MyForm
 
 
def index(request):
    if request.method == "GET":
        obj = MyForm()
        return render(request, "index.html", {"obj": obj})
    elif request.method == "POST":
        obj = MyForm(request.POST, request.FILES)
        if obj.is_valid():
            v = obj.cleaned_data
            print("用戶驗證成功信息", v)
            return redirect("http://www.jd.com")
        else:
            v = obj.errors
            print("錯誤信息", v)
            return render(request, "index.html", {"obj": obj})
View Code

3. 生成html標簽

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>Hello World</h1>
 
 
<form action="/index/" method="post" enctype="multipart/form-data" novalidate>
    <p>{{ obj.user.label }}{{ obj.user }}{{ obj.user.errors.0 }}</p>
    <p>{{ obj.gender.label }}{{ obj.gender }}{{ obj.gender.errors.0 }}</p>
    <p>{{ obj.pwd.label }}{{ obj.pwd }}{{ obj.pwd.errors.0 }}</p>
    <p>{{ obj.city.label }}{{ obj.city }}{{ obj.city.errors.0 }}</p>
 
    <input type="submit" value="提交">
</form>
</body>
View Code

 

一、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內容后綴
View Code

示例:

class TestForm(forms.Form):
    user = fields.CharField(
        required=True,
        max_length=12,
        min_length=3,
        error_messages={},
        widget = widgets.TextInput(attrs={"class":123}),  # 定制html插件，屬性：用attrs參數
        # widget= widgets.Textarea()
        label="姓名",
        initial='laiying',
        show_hidden_initial=False,
        # validators=[]  #自定制驗證規則
        # disabled=True
        label_suffix=":"
 
    )
View Code

Django內置字段如下：

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

 

實例一： 在頁面上不用加self直接顯示input框

效果：

代碼如下：

<body>
　　{{txt}}
</body>
text.html 
def test(request):
    if request.methon == 'GET':
    txt = "<input type='text' />"
    from django.utils.safestring import mark_safe
    txt = mark_safe(txt)
    return render(request,'text.html',{'txt':txt})
views.py

注：UUID是根據MAC以及當前時間等創建的不重復的隨機字符串

>>> 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')
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

常用選擇插件

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

示例：

#select框的兩種寫法　　 #方法一：　　 # xdb = fields.CharField(
 #     widget=widgets.Select(choices=[(1,'剛娘'),(2,'鐵娘'),(3,'鋼彈')])
 # )
 #方法二：
 # xdb = fields.IntegerField(
 #     widget=widgets.Select(choices=[(1,'剛娘'),(2,'鐵娘'),(3,'鋼彈')])
 # )
 
 # xdb = fields.ChoiceField(
 #     choices=[(1,'剛娘'),(2,'鐵娘'),(3,'鋼彈')]
 # )
 #多選下拉框（有自定義屬性）
 # xdb = fields.MultipleChoiceField(
 #     choices=[(1, '剛娘'), (2, '鐵娘'), (3, '鋼彈')],
 #     widget=widgets.SelectMultiple(attrs={'class':'c1'}) #后面參數是定制屬性
 # )
     #單選checkbox
 # xdb = fields.CharField(
 #     widget=widgets.CheckboxInput()
 # )
  #多選checkbox （多個checkbox,二選一）
 # xdb = fields.MultipleChoiceField(
 #     initial=[2, ],
 #     choices=((1, '上海'), (2, '北京'),),
 #     widget=widgets.CheckboxSelectMultiple
 # )
 
#多個選項Radio （互斥 三選一）
 # xdb =  fields.ChoiceField(
 #     choices=((1, '上海'), (2, '北京'),(3, '北京1'),),
 #     initial=2,
 #     widget=widgets.RadioSelect
 # )
View Code

 

實例：下拉框里獲取到的數據源實現實時更新

　在使用選擇標簽時，需要注意Choices 的選項可以從數據庫中獲取，但是由於是靜態字段***獲取的值無法實時更新***，那么需要自定義構造方法從而達到此目的。

方法一：（推薦使用）

from django.db import models
 
class UserInfo(models.Model):
    username = models.CharField(max_length=32)
    email = models.EmailField(max_length=32)
models.py 
from django.conf.urls import url
from django.contrib import admin
from app02 import views as v2
urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^love/', v2.love),
]
urls.py 
from app01 import models
 
class LoveForm(forms.Form):
    price = fields.IntegerField()
    user_id = fields.IntegerField(
        # widget=widgets.Select(choices=[(0,'alex'),(1,'劉皓宸'),(2,'楊建'),])
        widget=widgets.Select()
    )
#自定義構造方法，實時刷新頁面數據
def __init__(self, *args, **kwargs):
    super(LoveForm, self).__init__(*args, **kwargs)
    self.fields['user_id'].widget.choices = models.UserInfo.objects.values_list('id', 'username')
views.py 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>有緣千里來相會</h1>
    <p>價格：{{ obj.price }}</p>
    <p>姑娘：{{ obj.user_id }}</p>
</body>
</html>
test.html

 

 

方法二：（不推薦使用）

使用django提供的ModelChoiceField和ModelMultipChoiceField字段來實現

 (這種django內置的方法不推薦使用，如果要在前端顯示數據庫中的用戶名，需要依賴models中的__str__方法，而且一個class中只有一個__str__, 如果在有的場景中需要同時顯示如id user, age等多個字段名時，這個方法就做不到)

from django.conf.urls import url
from django.contrib import admin
from app02 import views as v2
urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^love/', v2.love),
]
urls.py 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>有緣千里來相會</h1>
    <p>價格：{{ obj.price }}</p>
    <p>姑娘：{{ obj.user_id2 }}</p>
</body>
</html>
test.html 
from django.forms.models import ModelChoiceField
 
class LoveForm(forms.Form):
    price = fields.IntegerField()
 
    user_id2 = ModelChoiceField(
        queryset=models.UserInfo.objects.all(),
        to_field_name='id'
    )
views.py 
from django.db import models
 
class UserInfo(models.Model):
    username = models.CharField(max_length=32)
    email = models.EmailField(max_length=32)
 
    def __str__(self):
        return self.username
 
# 注意：依賴models中的str方法
models.py

 

 

 

二、Form組件

1.Form組件的驗證

前端：form表單

后台：創建form類，當請求到來時，先匹配，匹配出正確和錯誤信息。

Django的Form驗證實例：

創建project，進行基礎配置文件配置

STATIC_URL = '/static/'
STATICFILES_DIRS = (
    os.path.join(BASE_DIR,"static"),
)
settings.py 
MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    # 'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]
csrf注銷 
import pymysql
pymysql.install_as_MySQLdb()
__init__.py 
from django.conf.urls import url
from django.contrib import admin
from app01.views import account

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^form1/', account.form1),
    # url(r'^test/', account.test),
]
urls.py

 

from django.shortcuts import render,HttpResponse
from app01.forms import Form1

def form1(request):
    if request.method=="POST":  #這里POST一定要大寫
        #通常獲取請求信息
        #request.POST.get("user",None)
        #request.POST.get("pwd",None)
        #獲取請求內容，做驗證
        f = Form1(request.POST)  #request.POST：將接收到的數據通過Form1驗證
        if f.is_valid():  #驗證請求的內容和Form1里面的是否驗證通過。通過是True，否則False。
            print(f.cleaned_data)  #cleaned_data類型是字典，里面是提交成功后的信息
        else:  #錯誤信息包含是否為空，或者符合正則表達式的規則
            print(type(f.errors),f.errors)  #errors類型是ErrorDict，里面是ul，li標簽
            return render(request,"account/form1.html",{"error":f.errors})
    return render(request,"account/form1.html")
views.account.py 
<body>
{#{{ error }}接收后台返回的錯誤信息封裝在ul，li標簽里面：#}
    {{ error }}
    <form action="/form1/" method="POST">
        <div>
            <input type="text" name="user" />
        </div>
        <div>
            <input type="text" name="pwd" />
        </div>
        <div>
            <input type="submit" value="提交" />
        </div>
    </form>
</body>
html 
from django import forms

class Form1(forms.Form):
    user = forms.CharField()
    pwd = forms.CharField()
forms.py

訪問頁面：

沒有輸入內容后提交，通過模板語言展示了錯誤信息

 

Django強大之form驗證時不用自定義錯誤信息就可以返回錯誤信息到前端以標簽方式展現。

?
1
2
3
4
5
6
7
8
.is_valid()：返回 True 或者 False
 
.cleaned_data：通過驗證后的數據
 
errors：
     .error.get( "user" , None )error封裝所有的錯誤信息，如果沒有獲取到，默認為 None 。
 
     .error.get[ "pwd" ]直接獲取到ul、li。

如：

 

 

Form之精華版本

from django import forms

class Form1(forms.Form):
    user = forms.CharField()
    pwd = forms.CharField()
forms.py 
<form action="/form1/" method="POST">
        <div class="input-group">
            {#接收后台傳過來的form對象，自動生成input標簽#}
            {{ form.user }}
            {#從后台傳過來的error是字典，直接{{ error.user.0 }}呈現錯誤信息#}
　　　　　　　{#如果后台返回了錯誤信息，將錯誤信息放入span標簽，在頁面顯示，否則不顯示#}
            {% if error.user.0 %}
            <span>{{ error.user.0 }}</span>
            {% endif %}
        </div>
        <div class="input-group">
            {{ form.pwd }}
            {% if error.pwd.0 %}
            <span>{{ error.pwd.0 }}</span>
            {% endif %}
        </div>
        <div>
            <input type="submit" value="提交" />
        </div>
    </form>
html 
def form1(request):
    if request.method == "POST":
        f = Form1(request.POST)
        if f.is_valid():
            print(f.cleaned_data)
        else:
            return render(request,"account/form1.html",{"error":f.errors,"form":f})
    else:
        # 如果不是post提交數據，就不傳參數創建對象，並將對象返回給前台，直接生成input標簽，內容為空
        f = Form1()
        return render(request,"account/form1.html",{"form":f})
    return render(request,"account/form1.html")
account.py

 

注：

 

 頁面展示：

注：這里的input標簽是后端返回form對象到前端通過{{ form.xxx }}所創建的

 

更強大的功能：

 forms里面的字段：

?
1
2
3
4
5
6
required：是否可以為空。required = True 不可以為空，required = False 可以為空
max_length = 4 最多 4 個值，超過不會顯示
min_length = 2 至少兩個值，少於兩個會返回提示信息
error_messages = { 'required' : '郵箱不能為空' , 'invalid' : '郵箱格式錯誤' }  自定義錯誤信息，invalid 是格式錯誤
widget = forms.TextInput(attrs = { 'class' : 'c1' }) 給自動生成的 input 標簽自定義 class 屬性
widget = forms.Textarea()  生成Textarea標簽。widget默認生成 input 標簽

 

實例：

from django.db import models

# Create your models here.
class Author(models.Model):
    """
    作者
    """
    name = models.CharField(max_length=100)
    age = models.IntegerField()

class BookType(models.Model):
    """
    圖書類型
    """
    caption = models.CharField(max_length=64)

class Book(models.Model):
    """
    圖書
    """
    name = models.CharField(max_length=64)
    pages = models.IntegerField()
    price = models.DecimalField(max_digits=10,decimal_places=2)
    pubdate = models.DateField()

    authors = models.ManyToManyField(Author)
    book_type = models.ForeignKey(BookType)
models.py 
from django import forms
from app01 import models

class Form1(forms.Form):
    user = forms.CharField(
        widget=forms.TextInput(attrs={'class': 'c1'}),
        error_messages={'required': '用戶名不能為空'}, )
    pwd = forms.CharField(max_length=4, min_length=2,required=True)
    email = forms.EmailField(error_messages={'required': '郵箱不能為空', 'invalid': '郵箱格式錯誤'})

    memo = forms.CharField(
        widget=forms.Textarea()
    )
    #直接寫數據
    # user_type_choice = (
    #     (0, '普通用戶'),
    #     (1, '高級用戶'),
    # )
    #通過BookType表查詢信息，values_list拿到的是元組。id作為value顯示，caption作為text在頁面顯示
    # user_type_choice = models.BookType.objects.values_list('id', 'caption')
    # book_type = forms.CharField(
    #     widget=forms.widgets.Select(choices=user_type_choice, attrs={'class': "form-control"}))

    
    #寫上以下代碼就不用擔心數據庫添加了數據而不能及時獲取了
    def __init__(self, *args, **kwargs):
        #每次創建Form1對象時執行init方法
        super(Form1, self).__init__(*args, **kwargs)

        self.fields['book_type'] = forms.CharField(
            widget=forms.widgets.Select(choices=models.BookType.objects.values_list('id', 'caption'),
                                        attrs={'class': "form-control"}))
forms.py 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .input-group{
            position: relative;
            padding: 20px;
            width: 250px;
        }
        .input-group input{
            width: 200px;
            display: inline-block;
        }
        .inline-group span{
            display: inline-block;
            position: absolute;
            height: 12px;
            font-size: 8px;
            border: 1px solid red;
            background-color: coral;
            color: white;
            top: 41px;
            left: 20px;
            width: 202px;
        }
    </style>
</head>
<body>
    <form action="/form1/" method="POST">
        <div class="input-group">
{#            接收后台傳過來的form對象，自動生成input標簽#}
            {{ form.user }}
{#            從后台傳過來的error是字典，直接{{ error.user.0 }}呈現錯誤信息#}
{#            如果后台返回了錯誤信息，將錯誤信息放入span標簽，在頁面顯示，否則不顯示#}
            {% if error.user.0 %}
            <span>{{ error.user.0 }}</span>
            {% endif %}
        </div>
        <div class="input-group">
            {{ form.pwd }}
            {% if error.pwd.0 %}
            <span>{{ error.pwd.0 }}</span>
            {% endif %}
        </div>
        <div class="input-group">
            {{ form.email }}
            {% if error.email.0 %}
            <span>{{ error.email.0 }}</span>
            {% endif %}
        </div>
         <div class="input-group">
            {{ form.memo }}
            {% if error.memo.0 %}
            <span>{{ error.memo.0 }}</span>
            {% endif %}
        </div>
             <div class="input-group">
            {{ form.book_type }}
            {% if error.book_type.0 %}
            <span>{{ error.book_type.0 }}</span>
            {% endif %}
        </div>

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

</body>
</html>
html 
from django.shortcuts import render,HttpResponse
from app01.forms import Form1
from app01.models import *


# def test(req):
#     BookType.objects.create(caption='技術')
#     BookType.objects.create(caption='文學')
#     BookType.objects.create(caption='動漫')
#     BookType.objects.create(caption='男人裝')
#     return HttpResponse("ok")


def form1(request):
    if request.method == "POST":
        f = Form1(request.POST)
        if f.is_valid():
            print(f.cleaned_data)
        else:
            return render(request,"account/form1.html",{"error":f.errors,"form":f})
    else:
        # 如果不是post提交數據，就不傳參數創建對象，並將對象返回給前台，直接生成input標簽，內容為空
        f = Form1()
        return render(request,"account/form1.html",{"form":f})
    return render(request,"account/form1.html")
account.py

 

 

Django里面沒有手機驗證，沒有的需要自定義

示例：

Form：

#!/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]|18[0-9]|14[57])[0-9]{8}$')
    if not mobile_re.match(value):
        raise ValidationError('手機號碼格式錯誤')


class PublishForm(forms.Form):

    user_type_choice = (
        (0, u'普通用戶'),
        (1, u'高級用戶'),
    )

    user_type = forms.IntegerField(widget=forms.widgets.Select(choices=user_type_choice,
                                                                  attrs={'class': "form-control"}))

    title = forms.CharField(max_length=20,
                            min_length=5,
                            error_messages={'required': u'標題不能為空',
                                            'min_length': u'標題最少為5個字符',
                                            'max_length': u'標題最多為20個字符'},
                            widget=forms.TextInput(attrs={'class': "form-control",
                                                          'placeholder': u'標題5-20個字符'}))

    memo = forms.CharField(required=False,
                           max_length=256,
                           widget=forms.widgets.Textarea(attrs={'class': "form-control no-radius", 'placeholder': u'詳細描述', 'rows': 3}))

    phone = forms.CharField(validators=[mobile_validate, ],
                            error_messages={'required': u'手機不能為空'},
                            widget=forms.TextInput(attrs={'class': "form-control",
                                                          'placeholder': u'手機號碼'}))

    email = forms.EmailField(required=False,
                            error_messages={'required': u'郵箱不能為空','invalid': u'郵箱格式錯誤'},
                            widget=forms.TextInput(attrs={'class': "form-control", 'placeholder': u'郵箱'}))
View Code

View

def publish(request):
    ret = {'status': False, 'data': '', 'error': '', 'summary': ''}
    if request.method == 'POST':
        request_form = PublishForm(request.POST)
        if request_form.is_valid():
            request_dict = request_form.clean()
            print request_dict
            ret['status'] = True
        else:
            error_msg = request_form.errors.as_json()
            ret['error'] = json.loads(error_msg)
    return HttpResponse(json.dumps(ret))
View Code

 

 

 

 

2、Form組件保留前一次數據，初始化數據

在Web應用程序中開發編寫功能時，時常用到獲取數據庫中的數據並將值初始化在HTML中的標簽上。

1、Form

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()
 
    city = fields.ChoiceField(
        choices=((1, '上海'), (2, '北京'),),
        widget=widgets.Select
    )
View Code

2、Views

from django.shortcuts import render, redirect
from .forms import MyForm
 
 
def index(request):
    if request.method == "GET":
        values = {'user': 'root', 'city': 2}
        obj = MyForm(values)
 
        return render(request, 'index.html', {'form': obj})
    elif request.method == "POST":
        return redirect('http://www.google.com')
    else:
        return redirect('http://www.google.com')
View Code

3、HTML

<form method="POST" enctype="multipart/form-data">
    {% csrf_token %}
    <p>{{ form.user }} {{ form.user.errors }}</p>
    <p>{{ form.city }} {{ form.city.errors }}</p>
 
    <input type="submit"/>
</form>
View Code

 

實例：

編輯學生列表

def edit_student(request,nid):
    if request.method=='GET':
        row=models.Student.objects.filter(id=nid).values('name','email','age','cls_id').first()
        obj=StudentForm(initial=row)        # 編輯學生時GET請求時默認為之前的數據。
        return render(request,'edit_student.html',{'obj':obj,'nid':nid})
    else:
        obj=StudentForm(request.POST)
        if obj.is_valid():
            models.Student.objects.filter(id=nid).update(**obj.cleaned_data)
            return redirect('/student_list/')
        return render(request,'edit_student.html',{'obj':obj,'nid':nid})
View Code

其他的保留上一次數據，類似的方法。

 

 

三、Form組件擴展

1.簡單擴展
　　利用Form組件自帶的正則擴展：

a. 方式一

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(
      　　error_messages={'invalid': '...'},  #錯誤提示
      　　validators=[RegexValidator(r'^[0-9]+$', '請輸入數字'), RegexValidator
View Code

b. 方式二

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.RegexField(r'^[0-9]+$',error_messages={'invalid': '...'})
View Code

2.基於源碼流程

a. 單字段

from django.core.exceptions import NON_FIELD_ERRORS, ValidationError
class AjaxForm(forms.Form):
    username = fields.CharField()
    user_id = fields.IntegerField(
        widget=widgets.Select(choices=[(0,'alex'),(1,'egon'),(2,'xyp'),])
    )
# 自定義方法 clean_字段名
# 必須返回值self.cleaned_data['username']
# 如果出錯：raise ValidationError('用戶名已存在')
def clean_username(self):
    v = self.cleaned_data['username']
    if models.UserInfo.objects.filter(username=v).count():
        # 整體錯了
        # 自己詳細錯誤信息
        raise ValidationError('用戶名已存在')
    return v
def clean_user_id(self):
    return self.cleaned_data['user_id']
View Code

b. 整體錯誤驗證

class AjaxForm(forms.Form):
    username = fields.CharField()
    user_id = fields.IntegerField(
        widget=widgets.Select(choices=[(0,'alex'),(1,'egon'),(2,'xyp'),])
    )
    # 自定義方法 clean_字段名
    # 必須返回值self.cleaned_data['username']
    # 如果出錯：raise ValidationError('用戶名已存在')
    def clean_username(self):
        v = self.cleaned_data['username']
        if models.UserInfo.objects.filter(username=v).count():
            # 整體錯了
            # 自己詳細錯誤信息
            raise ValidationError('用戶名已存在')
        return v
    def clean_user_id(self):
        return self.cleaned_data['user_id']
 
    def clean(self):
        value_dict = self.cleaned_data
        v1 = value_dict.get('username')
        v2 = value_dict.get('user_id')
        if v1 == 'root' and v2==1:
            raise ValidationError('整體錯誤信息')
        return self.cleaned_data
View Code

c、_post_clean 支持自定制方法

　　clean方法已經完成全部自定制了，所以_post_clean不常用

 

　　

 


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 Django-form表單 Django-form表單 Django-form表單 Django-Form組件之字段 django-form表單的提交 Django-Form組件-forms.Form 26)django-form字段和插件widgets Django-Form表單（驗證、定制、錯誤信息、Select） 27)django-form操作示例（動態Select數據，自定義字段驗證，全局驗證等） django進階
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM