django ---forms組件

阿新 • • 發佈：2018-12-07

版本 imp -s contain resp type del 復制代碼 container

1 校驗字段功能
2 渲染標簽功能
3 渲染錯誤信息功能
4 組件的參數配置
5 局部鉤子
6 全局鉤子

回到目錄

1 校驗字段功能

針對一個實例：註冊用戶講解。

模型：models.py

class UserInfo(models.Model):
    name=models.CharField(max_length=32)
    pwd=models.CharField(max_length=32)
    email=models.EmailField(

模版文件

復制代碼

<!DOCTYPE html>
<html lang="en"> 

<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<form action="" method="post">
    {% csrf_token %}
    <div>
        <label for="user">用戶名</label>
        <p><input type="text" name="name" id="name"></ 
p>
    </div>
    <div>
        <label for="pwd">密碼</label>
        <p><input type="password" name="pwd" id="pwd"></p>
    </div>
    <div>
        <label for="r_pwd">確認密碼</label>
        <p><input type="password" name="r_pwd" id 
="r_pwd"></p>
    </div>
     <div>
        <label for="email">郵箱</label>
        <p><input type="text" name="email" id="email"></p>
    </div>
    <input type="submit">
</form>

</body>
</html>

視圖函數：

# forms組件
from django.forms import widgets

wid_01=widgets.TextInput(attrs={"class":"form-control"})
wid_02=widgets.PasswordInput(attrs={"class":"form-control"})

class UserForm(forms.Form):
    name=forms.CharField(max_length=32,
                         widget=wid_01
                         )
    pwd=forms.CharField(max_length=32,widget=wid_02)
    r_pwd=forms.CharField(max_length=32,widget=wid_02)
    email=forms.EmailField(widget=wid_01)
    tel=forms.CharField(max_length=32,widget=wid_01)



def register(request):

    if request.method=="POST":
        form=UserForm(request.POST)
        if form.is_valid():
            print(form.cleaned_data)       # 所有幹凈的字段以及對應的值
        else:
            print(form.cleaned_data)       #
            print(form.errors)             # ErrorDict : {"校驗錯誤的字段":["錯誤信息",]}
            print(form.errors.get("name")) # ErrorList ["錯誤信息",]
        return HttpResponse("OK")
    form=UserForm()
    return render(request,"register.html",locals())

回到目錄

2 渲染標簽功能

渲染方式1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
   <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<h3>註冊頁面</h3>
<div class="container">
    <div class="row">
        <div class="col-md-6 col-lg-offset-3">

                <form action="" method="post">
                    {% csrf_token %}
                    <div>
                        <label for="">用戶名</label>
                        {{ form.name }}
                    </div>
                    <div>
                        <label for="">密碼</label>
                        {{ form.pwd }}
                    </div>
                    <div>
                        <label for="">確認密碼</label>
                        {{ form.r_pwd }}
                    </div>
                    <div>
                        <label for=""> 郵箱</label>
                        {{ form.email }}
                    </div>

                    <input type="submit" class="btn btn-default pull-right">
                </form>
        </div>
    </div>
</div>



</body>
</html>

渲染方式2

<form action="" method="post">
                    {% csrf_token %}
                    
                    {% for field in form %}
                        <div>
                            <label for="">{{ field.label }}</label>
                            {{ field }}
                        </div>
                    {% endfor %}
                    <input type="submit" class="btn btn-default pull-right">
                
</form>

渲染方式3

<form action="" method="post">
    {% csrf_token %}
    
    {{ form.as_p }}

    <input type="submit" class="btn btn-default pull-right">

</form>

回到目錄

3 渲染錯誤信息功能

視圖

def register(request):

    if request.method=="POST":
        form=UserForm(request.POST)
        if form.is_valid():
            print(form.cleaned_data)       # 所有幹凈的字段以及對應的值
        else:
            print(form.cleaned_data)       #
            print(form.errors)             # ErrorDict : {"校驗錯誤的字段":["錯誤信息",]}
            print(form.errors.get("name")) # ErrorList ["錯誤信息",]
        return render(request,"register.html",locals())
    form=UserForm()
    return render(request,"register.html",locals())

模板

<form action="" method="post" novalidate>
    {% csrf_token %}
    
    {% for field in form %}
        <div>
            <label for="">{{ field.label }}</label>
            {{ field }} <span class="pull-right" style="color: red">{{ field.errors.0 }}</span>
        </div>
    {% endfor %}
    <input type="submit" class="btn btn-default">

</form>

回到目錄

4 組件的參數配置

class Ret(Form):
    name = forms.CharField(max_length=10, min_length=2, label=‘用戶名‘,
                           error_messages={‘required‘: ‘該字段不能為空‘, ‘invalid‘: ‘格式錯誤‘, ‘max_length‘: ‘太長‘,
                                           ‘min_length‘: ‘太短‘},
                           widget=widgets.TextInput(attrs={‘class‘:‘form-control‘}))
    pwd = forms.CharField(max_length=10, min_length=2, widget=widgets.PasswordInput(attrs={‘class‘:‘form-control‘}))
    email = forms.EmailField(label=‘郵箱‘, error_messages={‘required‘: ‘該字段不能為空‘, ‘invalid‘: ‘格式錯誤‘})

回到目錄

5 局部鉤子

    
from django.core.exceptions import NON_FIELD_ERRORS, ValidationError
def clean_name(self):

        val=self.cleaned_data.get("name")

        ret=UserInfo.objects.filter(name=val)

        if not ret:
            return val
        else:
            raise ValidationError("該用戶已註冊!")

    def clean_tel(self):

        val=self.cleaned_data.get("tel")

        if len(val)==11:

            return val
        else:
            raise  ValidationError("手機號格式錯誤")

回到目錄

6 全局鉤子

    def clean(self):
        pwd=self.cleaned_data.get(‘pwd‘)
        r_pwd=self.cleaned_data.get(‘r_pwd‘)

        if pwd and r_pwd:
            if pwd==r_pwd:
                return self.cleaned_data
            else:
                raise ValidationError(‘兩次密碼不一致‘)
        else:

            return self.cleaned_data

pwd_err=my_form.errors.get(‘__all__‘)

from django import forms

from django.forms import widgets
from app01.models import UserInfo

from django.core.exceptions import NON_FIELD_ERRORS, ValidationError

class UserForm(forms.Form):
    name=forms.CharField(min_length=4,label="用戶名",error_messages={"required":"該字段不能為空"},
                         widget=widgets.TextInput(attrs={"class":"form-control"})
                         )
    pwd=forms.CharField(min_length=4,label="密碼",
                        widget=widgets.PasswordInput(attrs={"class":"form-control"})
                        )
    r_pwd=forms.CharField(min_length=4,label="確認密碼",error_messages={"required":"該字段不能為空"},widget=widgets.TextInput(attrs={"class":"form-control"}))
    email=forms.EmailField(label="郵箱",error_messages={"required":"該字段不能為空","invalid":"格式錯誤"},widget=widgets.TextInput(attrs={"class":"form-control"}))
    tel=forms.CharField(label="手機號",widget=widgets.TextInput(attrs={"class":"form-control"}))


    def clean_name(self):

        val=self.cleaned_data.get("name")

        ret=UserInfo.objects.filter(name=val)

        if not ret:
            return val
        else:
            raise ValidationError("該用戶已註冊!")

    def clean_tel(self):

        val=self.cleaned_data.get("tel")

        if len(val)==11:

            return val
        else:
            raise  ValidationError("手機號格式錯誤")

    def clean(self):
        pwd=self.cleaned_data.get(‘pwd‘)
        r_pwd=self.cleaned_data.get(‘r_pwd‘)

        if pwd and r_pwd:
            if pwd==r_pwd:
                return self.cleaned_data
            else:
                raise ValidationError(‘兩次密碼不一致‘)
        else:

            return self.cleaned_data

myforms

from django.shortcuts import render,HttpResponse

# Create your views here.





from app01.myforms import *


def reg(request):

    if request.method=="POST":

        print(request.POST)

        #form=UserForm({"name":"yu","email":"[email protected]","xxxx":"alex"})


        form=UserForm(request.POST) # form表單的name屬性值應該與forms組件字段名稱一致

        print(form.is_valid()) # 返回布爾值

        if form.is_valid():
            print(form.cleaned_data)  # {"name":"yuan","email":"[email protected]"}
        else:
            print(form.cleaned_data)  # {"email":"[email protected]"}
            # print(form.errors)        # {"name":[".........."]}
            # print(type(form.errors))  # ErrorDict
            # print(form.errors.get("name"))
            # print(type(form.errors.get("name")))    # ErrorList
            # print(form.errors.get("name")[0])


            #   全局鉤子錯誤
            #print("error",form.errors.get("__all__")[0])
            errors=form.errors.get("__all__")


            return render(request,"reg.html",locals())

        ‘‘‘

        form.is_valid()   :返回布爾值
        form.cleaned_data :{"name":"yuan","email":"[email protected]"}
        form.errors       :{"name":[".........."]}

        ‘‘‘


    form=UserForm()

    return render(request,"reg.html",locals())

視圖函數

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .error{
            color: red;
        }
    </style>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>

<div class="container">

    <div class="row">
        <div class="col-md-6 col-lg-offset-3">

            {#<h3>簡單form</h3>#}
            {##}
            {##}
            {#<form action="" method="post" novalidate>#}
            {#    {% csrf_token %}#}
            {#    <p>用戶名<input type="text" name="name"></p>#}
            {#    <p>密碼 <input type="text" name="pwd"></p>#}
            {#    <p>確認密碼 <input type="text" name="r_pwd"></p>#}
            {#    <p>郵箱  <input type="text" name="email"></p>#}
            {#    <p>手機號 <input type="text" name="tel"></p>#}
            {#    <input type="submit">#}
            {##}
            {#</form>#}

            <hr>
            <h3>forms組件渲染方式1</h3>
            <form action="" method="post" novalidate>

                {% csrf_token %}
                <p>{{ form.name.label }}
                    {{ form.name }} <span class="pull-right error">{{ form.name.errors.0 }}</span>
                </p>
                <p>{{ form.pwd.label }}
                    {{ form.pwd }} <span class="pull-right error">{{ form.pwd.errors.0 }}</span>
                </p>
                <p>確認密碼
                    {{ form.r_pwd }} <span class="pull-right error">{{ form.r_pwd.errors.0 }}</span><span class="pull-right error">{{ errors.0 }}</span>
                </p>
                <p>郵箱 {{ form.email }} <span class="pull-right error">{{ form.email.errors.0 }}</span></p>
                <p>手機號 {{ form.tel }} <span class="pull-right error">{{ form.tel.errors.0 }}</span></p>
                <input type="submit">

            </form>

            {#<h3>forms組件渲染方式2</h3>#}
            {##}
            {#<form action="" method="post" novalidate>#}
            {#     {% csrf_token %}#}
            {##}
            {#    {% for field in form %}#}
            {##}
            {#        <div>#}
            {#            <label for="">{{ field.label }}</label>#}
            {#            {{ field }}#}
            {#        </div>#}
            {##}
            {#    {% endfor %}#}
            {##}
            {#     <input type="submit">#}
            {#</form>#}
            {##}
            {#<h3>forms組件渲染方式3</h3>#}
            {##}
            {#<form action="" method="post">#}
            {#     {% csrf_token %}#}
            {##}
            {#     {{ form.as_p }}#}
            {##}
            {#     <input type="submit">#}
            {#</form>#}


        </div>
    </div>
</div>

</body>
</html>

模版文件

------------https://www.cnblogs.com/liuqingzheng/articles/9509775.html

django ---forms組件

Django forms組件【對form舒心l了】

include 想想 ctype \n 賦值使用 chan lean 在哪裏目錄 Django forms組件 bound and unbound form instance forms渲染有關隱藏一個字段，不渲染它 form 校驗 form類 ModelForm

Django forms組件

brush tro 技術分享 _for pre b- 模板文件字符串類型 exception 校驗字段模板文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset

django ---forms組件

版本 imp -s contain resp type del 復制代碼 container 1 校驗字段功能 2 渲染標簽功能 3 渲染錯誤信息功能 4 組件的參數配置 5 局部鉤子 6 全局鉤子回到目錄 1 校驗字段功能針對一個實例：註冊用戶講解。

Django組件—forms組件

else 數字 ror sub app 字段 bubuko 源碼 error forms組件：　　校驗字段功能：　　針對一個實例：註冊用戶。　　模型：models.py class UserInfo(models.Model): name=models.Ch

Django組件——forms組件

bootstrap form lan str ner wid row tro type 一，forms組件：校驗字段功能針對一個實例：註冊用戶講解。模型：models.py class UserInfo(models.Model): name=models.Ch

django組件-forms組件

text .py 模板 utf ane git type origin 不一致 forms組件校驗字段功能針對一個實例：註冊用戶講解。模型：models.py class UserInfo(models.Model): name=models.CharFie

Django組件:forms組件

eth 郵箱 one errors imp default widget not gist 針對"註冊用戶"示例: 一.校驗字段功能 1.模型:models.py class UserInfo(models.Model): name=models.Cha

Django - 基於forms組件和Ajax實現註冊登錄 - FileField字段 - Media配置

ron efault require result 基於找到 parent 檢驗 body 　　一.基於forms組件的註冊頁面設計　　點擊頭像==點擊input 　　頭像預覽：　　　　修改獲取用戶選中的文件對象；獲取文件對象的路徑；修改img標簽

Python之路71-Django form組件

python目錄一、介紹二、示例三、form類四、常用選擇插件五、自定義驗證規則六、初始化數據一、介紹Django的form主要具有以下幾大功能生成HTML標簽驗證用戶數據（顯示錯誤信息）HTML form提交保留上次提交數據初始化頁面顯示內容二、示例url.pyfrom django.conf.urls i

Python Web框架篇：Django Form組件

multipart ima class mage 決定 red ttr 提示 echo Form簡介在HTTP中，表單（form標簽），是用來提交數據的，其action屬性說明了其傳輸數據的方法：如何傳、如何接收。訪問網站時，表單可以實現客戶端與服務器之間的通信。例如查

django-Form組件

coo 是否選項 document urn not int ora div 1 Form表單定義 from django.forms import Formfrom django.forms import fieldsfrom django.forms import wi

python之路_自定義forms組件

char deepcopy clean copy 所有 ges div object 失敗 import re import copy class ValidateError(Exception): def __init__(self,detail):

django-auth組件的註冊登錄

返回 include href set errors BE .post welcome ren 1.註冊： 1.創建User（django自帶的用戶model）的form對象定義form驗證返回的錯誤提示信息 error_msg = { ‘username‘:

83 forms組件

影響 png http 校驗失敗 alt ror 數據分享 1 定義規則只會放校驗過得的數據 forms組件的規則，中定義的數據，

ModelForm組件和forms組件補充

pos email type pub valid 名稱擁有 del ges forms組件補充： forms組件的三個字段：ChoiceField, ModelChoiceField & ModelMultipleChoiceField # forms組件：Ch

Django-admin組件

install 註冊 req min urls.py文件多個單例 util apps 如何仿照admin實現一個自定義的增刪改查的組件？一、啟動 1、創建一個與Django項目無關的，可以單獨分離出來用在多個項目上的名稱為my_admin的app：

django form組件擴展

exc 整體 objects 序列 orm 序列化 root exce val 1簡單擴展利用form組件自帶的正則擴展: a.方式一 from django.forms import Form from django.forms import widget

django ContentType組件

幫我 fir rst creat 主鍵關聯 test spa res 一，需求給商品創建優惠券；看看下面表結構： class Food(models.Model): """ id name 1 面條 """

Django auth組件拓展關聯外部信息---------------------------- Profile 模式

port https .net key erb 信息 add 大小寫 get from django.db import models from django.contrib.auth.models import User GENDER_CHOICES = (

9.19 forms組件檢驗

info .com img image mage http png 檢驗 9.1 9.19 forms組件檢驗

django ---forms組件

1 校驗字段功能

2 渲染標簽功能

渲染方式1

渲染方式2

渲染方式3

3 渲染錯誤信息功能

視圖

模板

4 組件的參數配置

5 局部鉤子

6 全局鉤子

相關推薦