要达成渲染自建规则

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. java的一些基本概念——java11、jdk、jre、jvm等

    Java字节码 先介绍下c语言的编译过程,写好代码用编译器(比如gcc)编译过后是机器能够直接执行的二进制机器码. java也类似这种情况,但是java代码文件编译过后不是任何机器都能识别的机器码,而 ...

  2. 转载：如何搭建turn server 在centos7上。

    https://www.cnblogs.com/idignew/p/7440048.html

  3. EmailHelper

    注:个人邮箱发送时需要将邮箱密码设置为邮件授权码 邮件发送帮助类一: public class EmailHelper { /// <summary> /// 发送邮件 /// </ ...

  4. 正确开启Mockjs的三种姿势：入门参考（一）

    一.文章初衷 阅读本文章需要注意以下几点: 文章不主要介绍Mockjs的使用语法 文章暂不涉及Mockjs的第三方封装框架 文章会结合以往做过上线项目的方式总结 想主要介绍如何使用Mockjs,是因为 ...

  5. 《WAP团队》作业四——基于原型的团队项目需求调研与分析

    基于原型的团队项目需求调研与分析 本项目是一个家教系统的实现,随着时代的进步,现今已经进入信息技术时代,越来越多的人注意到了教育的重要性.家长对于孩子的学习提高注意力,大家都不想自己的孩子输在起跑线上 ...

  6. elementUI

    开始学习elementUI了. 怎么可以快速的学习一个UI框架,是我们的值得思考的事情. 博客,重点,记忆. <el-button @click="visible = true&quo ...

  7. 获取当前页面url并截取所需字段

    let url = window.location.href; // 动态获取当前url // 例: "http://i.cnblogs.com/henanyundian/web/app/# ...

  8. 解决pycharm添加第三方包失败

    今天想用pycharm打开图像,但是import scipy的时候报错了,报错内容如下: from scipy.misc import imread Traceback (most recent ca ...

  9. html5（四） canvas

    http://www.cnblogs.com/Gyoung/archive/2013/04/08/2994515.html

  10. 第5天(半天)【shell编程初步、grep及正则表达式】

    第5天(半天)[shell编程初步.grep及正则表达式] shell编程初步(01)_recv shell脚本:文本文件 #!:/bin/bash #!:/usr/bin/python #!:/us ...