forms组件

1. 校验字段功能

针对一个实例：注册用户讲解。

模型：models.py

class UserInfo(models.Model):

    name=models.CharField(max_length=32)

    pwd=models.CharField(max_length=32)

    email=models.EmailField()

    tel=models.CharField(max_length=32)

视图函数：register

from django.forms import widgets

from django.core.exceptions import ValidationError

wid_01 = widgets.TextInput(attrs={"class": "form-control"})  #用了bootstrap，所以加个样式属性

wid_02 = widgets.PasswordInput(attrs={"class": "form-control"}) #注意！！ 在校验失败后，form对象不保存PasswordInput的value值,所以页面要重新输入

class UserForm(forms.Form):

    name = forms.CharField(min_length=3, label="用户名", error_messages={"required": "该字段不能为空", "min_length": "最小长度为3"},

                           widget=wid_01

                           )

    pwd = forms.CharField(min_length=4, label="密码",

                          widget=wid_02

                          )

    r_pwd = forms.CharField(min_length=4, label="确认密码", error_messages={"required": "该字段不能为空"},

                            widget=wid_02)

    email = forms.EmailField(label="邮箱", error_messages={"required": "该字段不能为空", "invalid": "格式错误"},

                             widget=wid_01)

    tel = forms.CharField(label="手机号", widget=wid_01)

def register(request):

    if request.method == "POST":

        print(request.POST)

        # form=UserForm({"name":"yu","email":"123@qq.com","xxxx":"alex"})

        form = UserForm(request.POST)  # form表单的name属性值应该与forms组件字段名称一致

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

        if form.is_valid():

            print(form.cleaned_data)  # {"name":"yuan","email":"123@qq.com"}

        else:

            print(form.cleaned_data)  # {"email":"123@qq.com"}

            # 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])

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

        '''

        form.is_valid()   :返回布尔值

        form.cleaned_data :{"name":"yuan","email":"123@qq.com"}

        form.errors       :{"name":[".........."]}

        '''

    form = UserForm()

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

2. 渲染标签功能

2.1 渲染方式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.2 渲染方式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>

2.3 渲染方式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. 局部钩子与全局钩子

视图



# forms组件

from django import forms

from django.core.exceptions import ValidationError

class UserForm(forms.Form):

    username = forms.CharField(min_length=3, max_length=6, label="用户名",

                               error_messages={"required": "该字段不能为空", "min_length": "最小长度为3", "max_length": "最大长度为6"}, )

    password = forms.CharField(max_length=32, label="密码", error_messages={"required": "该字段不能为空"})

    r_pwd = forms.CharField(max_length=32, label="确认密码", error_messages={"required": "该字段不能为空"})

    email = forms.EmailField(label="邮箱", error_messages={"required": "该字段不能为空", "invalid": "格式错误"})

    phone = forms.CharField(max_length=32, label="手机号")

    def __init__(self, *args, **kwargs):  # 给每个标签添加属性

        super().__init__(*args, **kwargs)

        for field in self.fields.values():

            field.widget.attrs['class'] = 'form-control'

    # 局部钩子

    def clean_username(self):

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

        if not val.isdigit():

            return val

        else:

            raise ValidationError("用户名不能是纯数字!")

    # 全局钩子

    def clean(self):

        pwd = self.cleaned_data.get("password")

        r_pwd = self.cleaned_data.get("r_pwd")

        if pwd == r_pwd:

            return self.cleaned_data

        else:

            raise ValidationError('两次密码不一致!')

def register(request):

    form = UserForm()

    if request.method == "POST":

        form = UserForm(request.POST)

        if form.is_valid():

            print(form.cleaned_data)

            user = UserInfo.objects.create_user(username=request.POST.get("username"),

                                                password=request.POST.get("password"), phone=request.POST.get("phone"),

                                                email=request.POST.get("email"))

            return redirect("/blog/login/")

        else:

            errors = form.errors.get("__all__")

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

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

模板

<form action="" method="post">

      {% csrf_token %}

    <p>{{ form.username.label }}

        {{ form.username }} <span class="pull-right error">{{ form.username.errors.0 }}</span>

    </p>

    <p>{{ form.password.label }}

        {{ form.password }} <span class="pull-right error">{{ form.password.errors.0 }}</span>

    </p>

    <p>{{ form.r_pwd.label }}

        {{ 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.label }}

        {{ form.email }}<span class="pull-right error">{{ form.email.errors.0 }}</span></p>

    <p>{{ form.phone.label }}

        {{ form.phone }} <span class="pull-right error">{{ form.phone.errors.0 }}</span></p>

    <button type="submit" class="btn btn-success">提交注册</button>

</form>

Django 之 Form的更多相关文章

Django之Form组件
Django之Form组件本节内容基本使用 form中字段和插件自定义验证规则动态加载数据到form中 1. 基本使用 django中的Form组件有以下几个功能: 生成HTML标签验证用户 ...
Django models Form model_form 关系及区别
Django models Form model_form
【Django】--Form组件
Django的Form主要具有一下几大功能: 生成HTML标签验证用户数据(显示错误信息) HTML Form提交保留上次提交数据初始化页面显示内容例子: 1.创建Form类 from djan ...
Django基础——Form&Ajax篇
一 Form 在实际的生产环境中,登录和注册时用户提交的数据浏览器端都会使用JavaScript来进行验证(比如验证输入是否为空以及输入是否合法),但是浏览器可能会禁用JavaScirpt,同时也有人 ...
Python之路【第二十一篇】：Django之Form组件
Django之Form组件 Django的Form主要具有一下几大功能: 生成HTML标签验证用户数据(显示错误信息) HTML Form提交保留上次提交数据初始化页面显示内容小试牛刀 1. ...
第十一篇：web之Django之Form组件
Django之Form组件 Django之Form组件本节内容基本使用 form中字段和插件自定义验证规则动态加载数据到form中 1. 基本使用 django中的Form组件有以下几个功 ...
69、django之Form组件
本篇导航: 小试牛刀 Form类常用选择插件自定义验证规则初始化数据 Django的Form主要具有一下几大功能: 生成HTML标签验证用户数据(显示错误信息) HTML Form提交保留上次 ...
Django的Form(二)
上一篇已经简单介绍了Django的Form,现在开始进阶操作了 ..... 创建Form类的时候,主要涉及到Form字段和Form的插件,字段用于做form验证,插件用来生成HTML DjiangoF ...
Django的Form
Django的Form有两个基本用途: 1.用于生成html的Form表单 2.用于后台做表单验证 #!/usr/bin/env python # -*- coding:utf-8 -*- impor ...
python Django之Form组件
python Django之Form组件 Django的Form主要具有一下几大功能: 生成HTML标签验证用户数据(显示错误信息) HTML Form提交保留上次提交数据初始化页面显示内容小试 ...

随机推荐

加密算法和hash
随着安全问题越来越被重视,公司也全面替换了HTTP为HTTPS.2015年iOS9的ATS到今年苹果更是放出话来,2017年全面支持HTTPS,不支持的App,在审核的时候可能会遇到麻烦.鉴于此,我有 ...
git远程分支回退到某个版本
1.找到要回退的版本号(右击项目--> Git --> Show History -->选中要回退的版本-->Copy Revision Number): 2.打开idea的T ...
[localhost-startStop-1]
第一次遇到Tomcat在Linux服务器启动卡住的情况,情况很简单,tomcat启动以后卡在INFO: Deploying web application directory ......这句话,具体 ...
ElasticSearch (Es) 分组查询记录
首先表对应的实体类型: public class bm_info{ /// <summary> /// 单位 /// </summary> public string sou ...
python 在路径下创建文件/文本文件没有路径自动创建
1.一般在执行文件的同级目录下创建一个文本文件: file = open("1.txt", "w", encoding="utf8") # ...
[已解决]Android studio连接远程MySQL问题解决
我电脑安装的是8.0的MySQL,导入使用的jar包是mysql-connector-java-5.0.7 1.首先先按照大佬的链接配置好一些东西,注意!已经安装8.0版本MySQL的保持原样就行,不 ...
easyExcel-modle
package com.alibaba.easyexcel.test.model;import com.alibaba.excel.annotation.ExcelProperty;import co ...
C++ getline整行读入以及使用stringstream 按分隔字符split出单词
问题:直接通过while(cin>>str), 遇到空格就会停止.比如,输入dfah adfj djfak只能输入前两个单词. 解决: 要读入一整行,需通过getline(cin, inp ...
https原理（四）双向实践（java客户端+tcp代理）
本文采用客户端与服务端共用一个密钥对 1 将https代理服务器(三)实践中的mkcert p12分解为一个公钥一个私钥 mac@macdeMacBook mkcert % openssl pkcs1 ...
win7安装AutoCAD2019
1.Win7专业版64位先安装SP1补丁 2.根证书下载 MicrosoftRootCertificateAuthority2011.cer 链接:http://go.microsoft.com/fw ...

Django 之 Form

forms组件

1. 校验字段功能

2. 渲染标签功能

2.1 渲染方式1

2.2 渲染方式2

2.3 渲染方式3

3. 显示错误与重置输入信息功能

视图

模板

4. 局部钩子与全局钩子

视图

模板

Django 之 Form的更多相关文章

随机推荐

热门专题