要达成渲染自建规则

1、局部钩子函数（某个字段，自定意义规则，不如不能以sb开头，数据库已存在等）

2、全局钩子函数（校验两次密码是否一致）

3、使用css样式

register.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.css">
    <title>注册页面</title>
    <style>
        .errors {
            color: red;
            margin-left: 20px;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-offset-3 col-md-6">
            <h1>forms渲染页面，实现局部刷新</h1>
            <form action="" method="post" novalidate>
                {% csrf_token %}
                {% for form in forms %}
                    <p>{{ form.label }}:{{ form }}<span class="errors">{{ form.errors.0 }}</span></p>
                {% endfor %}
                <input type="submit" value="提交"><span class="errors">{{ error }}</span>
            </form>
        </div>
    </div>
</div>

</body>
</html>

views.py

from django.shortcuts import render,HttpResponse
from django.core.exceptions import ValidationError
from django import forms
from django.forms import widgets  #导入这个模块就是将前端表单里的类型修改，从后端修改前端的输入框类型

class RegForms(forms.Form):
    # widget 就是定义前端输入框的类型，后面的引用就是widget后面的参数是指定输入框的格式，TextInput是一个类,传入的参数attrs是一个字典，可以利用这个参数给前端的标签取类名或者id名等等来实现引用bootstrap的样式
    name = forms.CharField(min_length=3,max_length=8,label='用户名',error_messages={'min_length':'用户名太短','max_length': '用户名太长了','required':'该字段必填'},widget=widgets.TextInput(attrs={'class':'form-control'}))
    pwd = forms.CharField(min_length=3,max_length=8,label='密码',error_messages={'min_length':'用户名太短','max_length': '用户名太长了','required':'该字段必填'},widget=widgets.PasswordInput(attrs={'class':'form-control'}))
    re_pwd = forms.CharField(min_length=3,max_length=8,label='确认密码',error_messages={'min_length':'用户名太短','max_length': '用户名太长了','required':'该字段必填'},widget=widgets.PasswordInput(attrs={'class':'form-control'}))
    email = forms.EmailField(label='邮箱',error_messages={'invalid':'格式不是邮箱格式','required':'该字段必填'},widget=widgets.EmailInput(attrs={'class':'form-control'}))

    '''局部校验，就是校验某个字段'''
    '''写法固定，就是clean_字段名，就是重写字段校验规则的固定写法'''
    def clean_name(self):
        # self就是当前forms对象，cleand_data就是清洗后的数据，从字典中取出name
        name = self.cleaned_data.get('name')
        # 如果以sb为开头
        if name.startswith('sb'):
            # 这里要抛一个异常，而且是一个ValidationError，这个ValidationError是一个模块要导入
            raise ValidationError('不能以sb开头')
        else:
            return name

    '''全局钩子函数（校验两次密码不一致），用clean函数这个是固定的，获取清洗后的数据，然后进行判断用raise抛异常即可'''
    def clean(self):
        pwd = self.cleaned_data.get('pwd')  # 从清洗后的数据中获取pwd
        re_pwd = self.cleaned_data.get('re_pwd')
        if pwd == re_pwd:
            return self.cleaned_data
        else:
            raise ValidationError('两次密码不一致')

    def register(request):
        if request.method == 'GET':
            forms = RegForms()
            error=''
        elif request.method == 'POST':
            forms = RegForms(request.POST)
            if forms.is_valid():
                print('这里就是清洗后的数据： ',forms.cleaned_data)
                return HttpResponse('注册成功')
            else:
                errors_dic = forms.errors
                print(errors_dic)
                print('这里就是错误的数据： ',forms.errors.as_data)
                # 这里获取全局钩子函数的错误信息，就要用__all__，然后全局的错误信息可能是多个的，所以取最近的一个就是索引位是0的位置
                error = forms.errors.get('__all__')[0]

        return render(request,'register.html',{'forms':forms,'error':error})

（32）forms组件（渲染自建规则：局部钩子函数和全局钩子函数）的更多相关文章

  1. django基础之day09，创建一个forms表单组件进行表单校验，知识点：error_messages，label，required，invalid，局部钩子函数，全局钩子函数， forms_obj.cleaned_data，forms_obj.errors，locals()， {{ forms.label }}:{{ forms }}，{{ forms.errors.0 }}

    利用forms表单组件进行表单校验,完成用户名,密码,确认密码,邮箱功能的校验 该作业包含了下面的知识点: error_messages,label,required,invalid,局部钩子函数,全 ...

  2. django基础之day09，Forms组件在程序中做了哪些事？ 校验数据、渲染标签、展示信息

    ******************************* Forms组件 *************************************************** Forms组件在 ...

  3. 1203 forms组件

    目录 昨日内容 多对多三种创建方式 1.全自动 好处 缺点 2.纯手动 好处 缺点 3.半自动through='',through_fields=(外键字段) 好处 缺点 forms组件 1.简单引入 ...

  4. 多对多关系表的创建方式、forms组件

    目录 多对多关系表的三种创建方式 1.全自动,Django自动创建 2.纯手撸 3.半自动(推荐使用) forms组件 小例子 forms组件 校验器 钩子函数 局部钩子 全局钩子 forms组件常用 ...

  5. 多对多三种创建方式、forms组件、cookies与session

    多对多三种创建方式.forms组件.cookies与session 一.多对多三种创建方式 1.全自动 # 优势:不需要你手动创建第三张表 # 不足:由于第三张表不是你手动创建的,也就意味着第三张表字 ...

  6. web框架开发-Django的Forms组件

    校验字段功能 针对一个实例:用户注册. 模型:models.py class UserInfo(models.Model): name=models.CharField(max_length=32) ...

  7. python 全栈开发，Day78(Django组件-forms组件)

    一.Django组件-forms组件 forms组件 django中的Form组件有以下几个功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显 ...

  8. 03、 forms组件

    1.校验字段功能 1.reg页面准备 models from django.db import models class UserInfo(models.Model): useranme = mode ...

  9. Django组件——forms组件

    一.校验字段功能 通过注册用户这个实例来学习校验字段功能. 1.模型:models.py from django.db import models # Create your models here. ...

随机推荐

  1. git如何撤销git add操作?

    答: 使用git reset <file name>即可撤销

  2. Neo4j 安装插件APOC和GRAPH ALGORITHMS

    在 https://github.com/neo4j-contrib/neo4j-apoc-procedures/releases 下载apoc扩展包JAR文件 在 https://github.co ...

  3. Learning-Python【6】：Python数据类型（2）—— 列表、元组

    一.列表类型 1.用途:记录多值,比如人的多个爱好 2.定义方式:在[ ]内用逗号分隔开多个任意类型的值 li = [1, 2, 3] 3.常用操作+内置方法 优先掌握的操作: 1)按索引存取值:可以 ...

  4. 关于ComponentOne For WinForm 的全新控件 – DataFilter数据切片器（Beta）

    概述 数据切片器在电子商务网站上很常见 - 它们可以帮助用户快速过滤所选商品,并且所有过滤选项都可以在一个地方使用,通常包含核心控件类型为:清单,范围栏和单选按钮等.在ComponentOne For ...

  5. 【Core内存】.NET Core 2.0中使用MemoryCache

    说到内存缓存大家可能立马想到了HttpRuntime.Cache,它位于System.Web命名空间下,但是在ASP.NET Core中System.Web已经不复存在.今儿个就简单的聊聊如何在ASP ...

  6. SAM文件格式

    帮朋友处理sam各式文件,又记不住sam各式每列代表的什么内容,干脆转个帖子留着以后查询. 在SAM输出的结果中每一行都包括十二项通过Tab分隔,从左到右分别是: 1 序列的名字 2 概括出一个合适的 ...

  7. C#中Equals和= =(等于号)的比较)

    C#中Equals和= =(等于号)的比较) 相信很多人都搞不清Equals和 = =的区别,只是零星的懂一点,现在就让我带大家来进行一些剖析 一.           值类型的比较 对于值类型来说  ...

  8. LeetCode--024--两两交换链表中的节点(java)

    给定一个链表,两两交换其中相邻的节点,并返回交换后的链表. 你不能只是单纯的改变节点内部的值,而是需要实际的进行节点交换. 示例: 给定 1->2->3->4, 你应该返回 2-&g ...

  9. Bean的Scope

    Bean的scope: 1.Singleton(单例): 一个Spring容器只有以这个Bean实例. 2.prototype(多例): 每次调用新建一个Bean的实例. 3.request:一个ht ...

  10. js中Undefined 和 Null的区别

    Undefined 和 Null Undefined 这个值表示变量不含有值. 可以通过将变量的值设置为 null 来清空变量. <!DOCTYPE html> <html> ...