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,局部钩子函数,全局钩子函数,
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 }}的更多相关文章
- Django框架(十四)-- forms组件、局部钩子、全局钩子
一.什么是forms组件 forms组件就是一个类,可以检测前端传来的数据,是否合法. 例如,前端传来的邮箱数据,判断邮件格式对不对,用户名中不能以什么开头,等等 二.forms组件的使用 1.使用语 ...
- Django框架(十五)—— forms组件、局部钩子、全局钩子
目录 forms组件.局部钩子.全局钩子 一.什么是forms组件 二.forms组件的使用 1.使用语法 2.组件的参数 3.注意点 三.渲染模板 四.渲染错误信息 五.局部钩子 1.什么是局部钩子 ...
- SpringMVC基础入门,创建一个HelloWorld程序
ref:http://www.admin10000.com/document/6436.html 一.SpringMVC基础入门,创建一个HelloWorld程序 1.首先,导入SpringMVC需要 ...
- Qt 创建一个QtDesinger第三方控件
1.需要创建一个合适的.pro文件 2.创建一个继承QDesignerCustomWidgetInterface的类,描述控件的一些属性. 函数 描述和返回值 name() 指定控件的名称 group ...
- Django学习笔记(14)——AJAX与Form组件知识补充(局部钩子和全局钩子详解)
我在之前做了一个关于AJAX和form组件的笔记,可以参考:Django学习笔记(8)——前后台数据交互实战(AJAX):Django学习笔记(6)——Form表单 我觉得自己在写Django笔记(8 ...
- Django12-ModelForm中创建局部钩子和全局钩子
一.局部钩子 命名规则为clean_对象名称,例如上面定义了username.pwd对象,那么可以定义clean_username.clean_pwd的局部钩子进行规则校验 1.例子:定义一个手机号校 ...
- ReactJS实用技巧(2):从新人大坑——表单组件来看State
不太清楚有多少初学React的同学和博主当时一样,在看完React的生命周期.数据流之后觉得已经上手了,甩开文档啪啪啪的开始敲了起来.结果...居然被一个input标签给教做人了. 故事是这样的:首先 ...
- 如何实现Ant design表单组件封装?
目标:自己实现一个antd表单组件 先看下Ant Design官网上给出的表单组件用法: import React, { Component } from 'react' import { Form, ...
- 使用iview 的表单组件验证 Upload 组件
使用iview 的表单组件验证 Upload 组件 结果: 点击提交按钮, 没有填的form 项, 提示错误, 当填入数据后提示验证成功 代码: <template> <div id ...
随机推荐
- SpringBoot学习(三)—— springboot快速整合swagger文档
目录 MyBatis 简介 引入mybatis组件 代码实战 MyBatis @ 简介 优点 最大的优点是SQL语句灵活,适合调优情景,业务复杂情景 劣势 最大的劣势是不同数据库之间的迁移 引入myb ...
- js 日常正则
手机号 /^1((3[\d])|(4[5,6,9])|(5[0-3,5-9])|(6[5-7])|(7[0-8])|(8[1-3,5-8])|(9[1,8,9]))\d{8}$/ 大写字母 /^[A- ...
- 【Luogu P1168】【Luogu P1801&UVA 501】中位数&黑匣子(Black Box)——对顶堆相关
Luogu P1168 Luogu P1801 UVA 501(洛谷Remote Judge) 前置知识:堆.优先队列STL的使用 对顶堆 是一种在线维护第\(k\)小的算法. 其实就是开两个堆,一个 ...
- React源码 React.Children
children是什么意思呢?就是我们拿到组件内部的props的时候,有props.children这么一个属性,大部分情况下,我们直接把 props.children 渲染到 JSX 里面就可以了. ...
- Nginx-(四)基本模块2
nginx常用模块介绍(二) ngx_http_rewrite_module模块配置 (1) rewrite regex replacement [flag]; 将请求的url基于正则 ...
- Java架构师必知:什么是单点登录,主要会应用于哪些场景?
单点登录在大型网站里使用得非常频繁,例如,阿里旗下有淘宝.天猫.支付宝,阿里巴巴,阿里妈妈,阿里妹妹等网站,还有背后的成百上千的子系统,用户一次操作或交易可能涉及到几十个子系统的协作,如果每个子系统都 ...
- LNMP架构源码搭建(centos7)
第一步:安装nginx 1.上传或下载nginx,并解压 yum -y install lrzsz rz .tar.gz 2.搭建nginx安装环境 yum -y install gcc-c++ zl ...
- Matlab交叉验证函数——crossvalind
Generate cross-validation indices 生成交叉验证索引 Syntax语法 Indices = crossvalind('Kfold', N, K) %K折交叉验证 ...
- ThinkPHP5——安装验证码和使用
1.使用composer安装验证码 首先要安装composer,大部分“composer require topthink/think-captcha”命令无法运行或者提示不是内部文件或可执行命令,都 ...
- 面试一个小公司,TPM相关概念
准备面试一个小公司,在面试邀请邮件中提出了这样一个要求(not required): ".. one item we will likely discuss with you is soft ...