Django之强大的Form功能

转载: http://www.cnblogs.com/0820-zq/p/5807980.html

Form

Form的验证思路

前端:form表单

后台:创建form类,当请求到来时,先匹配,匹配出正确和错误信息。

Django的Form验证实例

创建project,进行基础配置文件配置

settings.py

settings.py之csrf注销

__init__.py

urls.py

views.account.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")

html:

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

forms.py:

from django import forms

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

访问页面:

没有输入内容后提交,通过模板语言展示了错误信息

Django强大之form验证时不用自定义错误信息就可以返回错误信息到前端以标签方式展现。

.is_valid():返回True或者False

.cleaned_data:通过验证后的数据

errors:
.error.get("user",None)error封装所有的错误信息,如果没有获取到,默认为None。

如:

.error.get["pwd"]直接获取到ul、li。

如:

 Form之精华版本

forms.py

from django import forms

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

HTML:

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

account.py

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

注:

页面展示:

注:这里的input标签是后端返回form对象到前端通过{{ form.xxx }}所创建的

更强大的功能:

forms里面的字段:

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标签

实战:

models.py

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)

forms.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"}))

HTML:

<!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>

account.py:

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

Django里面没有手机验证,没有的需要自定义

示例:

Form

View

时间: 2024-10-09 20:28:48

Django之强大的Form功能的相关文章

jQuery Validate【为表单提供了强大的验证功能,让客户端表单验证变得更简单】

jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 该插件是由 J?rn Zaefferer 编写和维护的,他是 jQuery 团队的一名成员,是 jQuery UI 团队的主要开发人员,是 QUn

Django【十三】form组件。

一.form组件 form组件的功能: 检验功能 前端生成HTML页面 还能保留输入的内容 form组件的用法: from django import forms # Create your views here. # 定义一个类 class Myform(forms.Form): title = forms.CharField( # 通过from表单进行验证的时候,验证输入title字段的数据,参数用于验证 max_length=20, min_length=2, ) # CharField/

12.Django基础十之Form和ModelForm组件

一 Form介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要对用户的输入做校验,比如校验用户是否输入,输入的长度和格式等正不正确.如果用户输入的内容有错误就需要在页面上相应的位置显示对应的错误信息.. Django form组件就实现了上面所述的功能. 总结一下,其实form组件的主要功能如下: 生成页面可用的HTML标签 对用户提交的数据进行校验 保留上次输入内容 普通方式手写注册功能

Django基础十之Form和ModelForm组件

一 Form介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要对用户的输入做校验,比如校验用户是否输入,输入的长度和格式等正不正确.如果用户输入的内容有错误就需要在页面上相应的位置显示对应的错误信息.. Django form组件就实现了上面所述的功能. 总结一下,其实form组件的主要功能如下: 生成页面可用的HTML标签 对用户提交的数据进行校验 保留上次输入内容 普通方式手写注册功能

开源Cillium项目为容器提供强大的网络功能

试验性的开源Cillium项目使用Linux内核的一项现有特性,为容器提供高速.强大的网络功能. 网络功能始终是使用容器时最头痛的棘手问题之一.连Google开源的容器集群管理系统Kubernetes在实现网络功能方面也存在着限制,虽然它正迅速成为容器编排的首选技术.这让网络安全之类的棘手问题变得更棘手了. 现在,一项名为Cilium的开源项目试图基于Linux内核中所用的技术,为容器提供一种新的网络方法DD该项目得到了谷歌的部分赞助,目的在于为容器提供更好的网络安全和更简单的网络模型. 以BP

django高级应用(分页功能)

django高级应用(分页功能) 1.原生分页应用 前端html代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <ul> 9 {% for item in posts.obj

Django之Form功能

一 什么是Form?什么是DjangoForm? Django表单系统中,所有的表单类都作为django.forms.Form的子类创建,包括ModelForm 关于django的表单系统,主要分两种 基于django.forms.Form:所有表单类的父类 基于django.forms.ModelForm:可以和模型类绑定的Form Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 示例代码

Django实现网站登陆的功能

django版本如下: [[email protected] testoms]# python -c "import django;print django.VERSION" (1, 10, 3, u'final', 0) [[email protected] testoms]# django默认情况下是有一个登陆界面的,就是当你启动project的时候,在浏览器里输入"外网ip地址/admin"就会看到django默认的登陆界面,如图: 但是我们还是希望可以做出来

Django框架基础之Form组件

服务端假设所有用户提交的数据都是不可信任的,所以Django框架内置了form组件来验证用户提交的信息 form组件的2大功能:       1 验证(显示错误信息)       2 保留用户上次输入的信息                  -- 可以生成html标签应用: class A_Form(Form): 字段=fields.字段类型(默认参数: required=True, widget=widgets.插件(attrs={})) 常用字段:Charfield,RegexField,I