利用forms表单组件进行表单校验,完成用户名,密码,确认密码,邮箱功能的校验

该作业包含了下面的知识点:

error_messages,label,required,invalid,局部钩子函数,全局钩子函数,

forms_obj.cleaned_data,forms_obj.errors,locals(),

{{ forms.label }}:{{ forms }},{{ forms.errors.0 }}

urls.py文件

添加index访问路径

from django.conf.urls import url
from django.contrib import admin
from app01 import views
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^register/', views.register),
url(r'^index/', views.index), ]

views.py文件

创建视图函数


#***************************forms组件************************
# 使用forms组件,完成数据校验,展示错误信息
# 使用forms组件的前提是,你需要提前写一个类 from django import forms
from django.core.validators import RegexValidator class MyForm(forms.Form):
# username字段,最少三位,最多八位
username = forms.CharField(max_length=8, min_length=3, label='用户名',
error_messages={
'max_length': '用户名最长八位',
'min_length': '用户名最少三位',
'required': '用户名不能为空',
}
)
# password字段,最少三位,最多八位
password = forms.CharField(max_length=8, min_length=3, label='密码',
error_messages={
'max_length': '密码最多8位',
'min_length': '密码最少3位',
'required': '密码不能为空'
}
) confirm_password = forms.CharField(max_length=8, min_length=3, label='确认密码',
error_messages={
'max_length': '确认密码最多8位',
'min_length': '确认密码最少3位',
'required': '确认密码不能为空'
}
)
# email字段,必须是邮箱格式
email = forms.EmailField(label='邮箱', error_messages={
'required': '邮箱不能为空', # required,校验不能为空的固定用法
'invalid': '邮箱格式错误', # invalid,专门用来校验邮箱格式错误的固定用法 }) #********************************************************************************
#校验用户名中不能含有666,校验单个字段使用局部钩子函数,
#钩子函数是校验规则中最后执行的一道关卡,会先执行上面的校验规则,上面都校验通过了,
# 才会走到钩子函数这一层的校验来。
def clean_username(self):
# username=self.cleaned_data #是一个校验通过的大字典
# 通过的字典支持点get取值的方式,专门拿出来要校验的字段
username=self.cleaned_data.get('username')
if '666' in username:
#如何给username所对应的框展示错误信息呢?
#注意下面是钩子函数的固定用法,添加对应字段的错误提示信息
self.add_error('username','光喊666是不行的') #将username数据返回,这个地方是必须要返回字段数据的,缺失不可
return username
#********************************************************************************
#校验密码和确认密码是否一致 这个就要用到全局钩子函数
def clean(self):
password=self.cleaned_data.get('password')
confirm_password=self.cleaned_data.get('confirm_password')
if not password == confirm_password:
#注意下面是钩子函数的固定用法,添加对应字段的错误提示信息
self.add_error('confirm_password','两次密码不一致')
#全局钩子是需要将全局的数据全部返回
return self.cleaned_data '''
1.label='xxx'是对应的input输入框前面的提示文字
2.error_messages={
'max_length':'密码最多8位',
'min_length':'密码最少3位',
'required':'密码不能为空'
}
这个是固定格式,必填项必须用required也是固定的用法
3.required,校验不能为空的固定用法
4.invalid,专门用来校验邮箱格式错误的固定用法
''' def index(request):
''' 渲染标签:
第一步,需要生成一个空的forms_obj,MyForm类的对象
第二步,通过locals()和render方法渲染到前端index页面
'''
forms_obj = MyForm()
# 后端如何校验前端用户传入的数据
if request.method == 'POST': # 获取用户的数据,request.POST正好是一个字典,
# request.POST作为该类的参数传入MyForm()类中,
# 然后再交给Forms组件来校验数据
# 注意事项,这两个forms_obj对象必须要书写一致
forms_obj = MyForm(request.POST)
if forms_obj.is_valid():
print(forms_obj.cleaned_data) # 打印成功的数据
return HttpResponse('数据全部OK') else:
print(forms_obj.errors) # 打印错误的数据 return render(request, 'index.html', locals()) '''
获取用户的数据 request.POST正好是一个字典
检验数据神6条中的第二条:
2.给写好的类,传字典数据(代校验的数据,生成一个代校验对象)
form_obj=views.MyForm({'username':'jason','password':123,'email':'123@'}) ''' # print(type(forms_obj))
# print('我是',forms_obj)
# for forms in forms_obj:
# print('我是',forms)
'''
forms 相关打印结果:
我是 < input
type = "text"
name = "username"
maxlength = "8"
minlength = "3"
required
id = "id_username" / >
'''
# 直接将生成的对象,传递给前端页面
#return render(request, 'index.html', locals())

index.html文件


<form action="" method="post" novalidate>
{% for forms in forms_obj %} <p>
{{ forms.label }}:{{ forms }}
<span>{{ forms.errors.0 }}</span>
</p> {# <span>{{ forms.label }}</span> #}
{# <span>{{ forms }}</span>#}
{# {{ forms.label }}是标签前面的注释,举例:input输入框前面的用户名,密码,年龄这些文字提示 #}
{# {{ forms }} 是表单中所有的输入框 #}
{# {{ forms.errors.0 }} 是固定用法,获取表单提交中的错误字段详细信息,咱后端或者前端页面都可以查看 #}
{% endfor %} <input type="submit">
</form>

django基础之day09,创建一个forms表单组件进行表单校验,知识点:error_messages,label,required,invalid,局部钩子函数,全局钩子函数, forms_obj.cleaned_data,forms_obj.errors,locals(), {{ forms.label }}:{{ forms }},{{ forms.errors.0 }}的更多相关文章

  1. Django框架(十四)-- forms组件、局部钩子、全局钩子

    一.什么是forms组件 forms组件就是一个类,可以检测前端传来的数据,是否合法. 例如,前端传来的邮箱数据,判断邮件格式对不对,用户名中不能以什么开头,等等 二.forms组件的使用 1.使用语 ...

  2. Django框架(十五)—— forms组件、局部钩子、全局钩子

    目录 forms组件.局部钩子.全局钩子 一.什么是forms组件 二.forms组件的使用 1.使用语法 2.组件的参数 3.注意点 三.渲染模板 四.渲染错误信息 五.局部钩子 1.什么是局部钩子 ...

  3. SpringMVC基础入门,创建一个HelloWorld程序

    ref:http://www.admin10000.com/document/6436.html 一.SpringMVC基础入门,创建一个HelloWorld程序 1.首先,导入SpringMVC需要 ...

  4. Qt 创建一个QtDesinger第三方控件

    1.需要创建一个合适的.pro文件 2.创建一个继承QDesignerCustomWidgetInterface的类,描述控件的一些属性. 函数 描述和返回值 name() 指定控件的名称 group ...

  5. Django学习笔记(14)——AJAX与Form组件知识补充(局部钩子和全局钩子详解)

    我在之前做了一个关于AJAX和form组件的笔记,可以参考:Django学习笔记(8)——前后台数据交互实战(AJAX):Django学习笔记(6)——Form表单 我觉得自己在写Django笔记(8 ...

  6. Django12-ModelForm中创建局部钩子和全局钩子

    一.局部钩子 命名规则为clean_对象名称,例如上面定义了username.pwd对象,那么可以定义clean_username.clean_pwd的局部钩子进行规则校验 1.例子:定义一个手机号校 ...

  7. ReactJS实用技巧(2):从新人大坑——表单组件来看State

    不太清楚有多少初学React的同学和博主当时一样,在看完React的生命周期.数据流之后觉得已经上手了,甩开文档啪啪啪的开始敲了起来.结果...居然被一个input标签给教做人了. 故事是这样的:首先 ...

  8. 如何实现Ant design表单组件封装?

    目标:自己实现一个antd表单组件 先看下Ant Design官网上给出的表单组件用法: import React, { Component } from 'react' import { Form, ...

  9. 使用iview 的表单组件验证 Upload 组件

    使用iview 的表单组件验证 Upload 组件 结果: 点击提交按钮, 没有填的form 项, 提示错误, 当填入数据后提示验证成功 代码: <template> <div id ...

随机推荐

  1. beta week 1/2 Scrum立会报告+燃尽图 02

    此作业要求参见https://edu.cnblogs.com/campus/nenu/2019fall/homework/9912 一.小组情况 队名:扛把子 组长:孙晓宇 组员:宋晓丽 梁梦瑶 韩昊 ...

  2. Linux配置SSH和Xshell连接服务器

    >>>>>Ubuntu安装和配置ssh教程 SSH分为客户端 openssh-client 和服务器 openssh-server,可以利用以下命令确认电脑 上是否安装了 ...

  3. Intellij IDEA如何设置快速调整字体大小的快捷键

    Intellij IDEA快速调整字体大小的快捷键 第一种方法(方便) 单击左上角File,找到Settings并点击.(当然也可以直接Alt+Ctrl+s) 点击Editor下的General,勾选 ...

  4. 安卓开发之Java学习

    Java之素数(这里附上王智超大佬的博客地址)https://blog.csdn.net/weixin_43862765/article/details/103311286

  5. Lua和C交互的简易教程

    转载请标明出处:http://blog.csdn.net/shensky711/article/details/52458051 本文出自: [HansChen的博客] Lua栈 要理解Lua和C++ ...

  6. maven本地仓库路径和修改

    1.本地仓库,顾名思义,就是Maven在本地存储构件的地方. 注:maven的本地仓库,在安装maven后并不会创建,它是在第一次执行maven命令的时候才被创建 maven本地仓库的默认位置:无论是 ...

  7. QQ登录功能之如何获取用于本地测试的APPID

    本文主要说明一下开发者如何在QQ互联创建测试应用,从而分配给我们一套APP ID和APP KEY,在我们平时学习的时候使用. 一.QQ互联注册开发者 要想使用QQ登陆的功能,首先你必须是腾讯开发者.腾 ...

  8. Spring Cloud第一篇 | Spring Cloud前言及其常用组件介绍概览

    ​ ​本文是Spring Cloud专栏的第一篇文章,了解本篇文章内容有助于更好的理解后面文章 ​ 一.网站架构演变过程 1-1.传统架构 传统的SSH架构,分为三层架构 web控制层.业务逻辑层.数 ...

  9. Spring IOC容器装配Bean_基于XML配置方式

    开发所需jar包 实例化Bean的四种方式 1.无参数构造器 (最常用) <?xml version="1.0" encoding="UTF-8"?> ...

  10. 程序员修神之路--打通Docker镜像发布容器运行流程

    菜菜哥,我看了一下docker相关的内容,但是还是有点迷糊 还有哪不明白呢? 如果我想用docker实现所谓的云原生,我的项目该怎么发布呢? 这还是要详细介绍一下docker了 Docker 是一个开 ...