要达成渲染自建规则

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. jquery easyui的应用-1

    下载地址是: www.jeasyui.com/download 当前版本是1.6.7 是由 jquery ui 扩展而来的. 像jquery ui, bootstrap, jquery easyui三 ...

  2. newcoder Tachibana Kanade Loves Probability（小数点后第k位）题解

    题意:题目链接立华奏在学习初中数学的时候遇到了这样一道大水题: “设箱子内有 n 个球,其中给 m 个球打上标记,设一次摸球摸到每一个球的概率均等,求一次摸球摸到打标记的球的概率” “emmm...语 ...

  3. MyBio小隐本记注册破解

    既然开始了,就把这一个系列的都破了算了,这次主角小隐本记MyBio 和WDTP的原理是差不多的,先把软件界面换成e文,然后写了15个记录后提示注册,一样的路子,直接跳过注册窗口的弹出就好了 然后查壳一 ...

  4. 【Git】vs code+git 不使用ssh的链接remote server的方式

    git config --global user.name "dennis wu" git config --global user.email "email" ...

  5. Vue的介绍及基础指令

    一.什么是Vue Vue.js是一个渐进式 JavaScript 框架 通过对框架的了解与运用程度,来决定其在整个项目中的应用范围,最终可以独立以框架方式完成整个web前端项目 为什么要学习Vue 三 ...

  6. 大项目小细节---onbeforeunload增强用户体验

    微信公众平台编辑数据页面,点击浏览器回退按钮.刷新按钮(包括F5.Ctrl+R).关闭页面.点击其他超链接等操作的时候,会提示弹窗提示. 为增加用户体验,我们也增加类似功能. 代码如下: @if (R ...

  7. 远程连接报错“This could be due to CredSSP encryption oracle remediation.”

    description: 当远程服务器上没有“Encryption Oracle Remediation" setting in local group policy. 尝试远程连接会出现上 ...

  8. Codeforces 147 B. Smile House

    题目链接:http://codeforces.com/contest/147/problem/B 求有向图的最小正权环的大小   ${n<=300}$ 非常显然的有${n^{3}log^2}$的 ...

  9. StringRedisTemplate常用API

    转载自网络: //向redis里存入数据和设置缓存时间stringRedisTemplate.opsForValue().set("test", "100",6 ...

  10. Redis入门指南之一（简介）

    1. 简介 Redis是一个开源的.高性能的.基于键值对的缓存与存储系统,通过提供多种键值数据类型来适应不同的场景下的缓存与存储需求.同时Redis的诸多高级功能使其可以胜任消息队列.任务队列等不同的 ...