一、原始注册校验
# 后端 def realreg(request): error = {'username':'','password':''} # 定义一个字典存储错误信息 if request.method == 'POST': username = request.POST.get('username') password = request.POST.get('password') if len(password) < 6: error['password'] = '密码不能小于6位' return render(request,'reg.html',{'error':error}) # 前端 <input type='text' name='username'> <span>{{ error.username }}</span> <input type='text' name='password'> <span>{{ error.password }}</span>
- 前端是个注册界面，页面里面有form表单 >>> 生成HTML前端代码
- form表单要能提交数据到后端，后端要做有效性校验 >>> 数据有效性校验
- 要把校验的提示信息展示到页面上 >>> 校验信息返回并展示
关于数据检验：前端通过JS代码校验（可有可无），后端通过代码校验（必须有），一般都是前后端都做校验。
二、form组件
2.1 功能
- 渲染标签
- 校验数据
- 展示信息
- 校验信息
2.2 form类
Step One:自定义一个form类
from django import forms class MyForm(forms.Form): name = forms.CharField(max_length=6) password = forms.CharField(max_length=8,min_length=3) email = forms.EmailField(required=True)
Step Two:实例化form对象
form_obj = MyForm({'name':'moonzier'，'password':'123','email':'[email protected]'}) # 传入字典
Step Three:查看数据校验是否合法
form_obj.is_valid() # 只有当所有的字段都校验通过才会返回True
Step Four：查看校验错误的信息
form_obj.errors # 这个里面放的是所有校验未通过的字段及错误提示 """ { 'name': ['Ensure this value has at most 6 characters (it has 7).'], 'password': ['Ensure this value has at least 3 characters (it has 2).'], 'email': ['Enter a valid email address.'] } """
Step Five：查看校验通过的数据
form_obj.cleaned_data # 符合校验规则数据都会被放到该对象中
form组件校验数据的规则
- 从上往下依次取值校验
- 校验通过的放到cleaned_data
- 校验失败的放到errors
- form中所有的字段默认都是必须传值的(required=True)
- 校验数据的时候可以多传(多传的数据不会做任何的校验,不会影响form校验规则)
# 前端取消校验 <form action="" method="post" novalidate> </form>
2.3 渲染标签
form组件只帮你渲染获取用户输入的标签,不会帮你渲染提交按钮，需要手动添加。
第一种：可扩展性较差
{{ form_obj.as_p }} <!--作为<p>标签形式渲染-->
{{ form_obj.as_ul }}
第二种：逐个手写
<form action=""> <p>{{ form_obj.name.label }}{{ form_obj.name }}</p> <!--若后端并没有定义name属性，则将字段的首字母大写作为label的值--> <p>{{ form_obj.password.label }}{{ form_obj.password }}</p> <p>{{ form_obj.email.label }}{{ form_obj.email }}</p> <input type="submit"> </form>
第三种：for循环
<form action=""> {% for foo in form_obj %} <p>{{ foo.label }}{{ foo }}</p> {% endfor %} </form>
2.4 设置标签样式
定义form类时，在字段里设置其样式。
from django import forms from django.forms import widgets password = forms.CharField(max_length=8, min_length=3, error_messages={ 'max_length': '密码最长8位', 'required': '密码不能为空', 'min_length':'密码最少3位' }, widget=widgets.PasswordInput(attrs={'class':'c1 form-control'})) # widgets.PasswordInput密码密文显示，attr增加字段
综合案例
# 后端 # 定义form类 class MyForm(forms.Form): name = forms.CharField(max_length=6, label='用户名', # 前端label标签可获得label属性的值 error_messages={ 'max_length':'用户名最长6位', 'required':'用户名不能为空' } # 自定义错误提示信息，可更改成中文 ) def reg(request): # 生成一个空对象 form_obj = MyForm() if request.method == 'POST': form_obj = MyForm(request.POST) # request.POST就是一个字典，传入自动校验数据，并且发生错误不清空数据 if form_obj.is_valid(): models.User.objects.create(**form_obj.cleaned_data) # 在使用form组件对模型表进行数据校验的时候，只需要保证字段一致 那么在创建的对象的时候你就直接**form_obj.cleaned_data return render(request,'reg.html',locals())
# 前端 <form action="" method="post" novalidate> {% for foo in form_obj %} <p> {{ foo.label }}{{ foo }} <span>{{ foo.errors.0 }}</span> #只取第一个错误 </p> {% endfor %} <input type="submit"> </form>
三、钩子函数
局部钩子函数 （单个字段的校验利用局部钩子函数）
# 校验name字段，如果出现666就报错 def clean_name(self): name = self.cleaned_data.get('name') if '666' in name: self.add_error('name','光喊666是不行的，要有真实力!') return name # return还是要加上的，兼容性考虑
全局钩子函数 （多个字段的校验利用全局钩子函数）
# 校验password和confirm_password是否一致，不一致就报错 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