Django组件之form

匿名 (未验证) 提交于 2019-12-02 23:52:01

一、原始注册校验

# 后端 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>
  1. 前端是个注册界面,页面里面有form表单 >>> 生成HTML前端代码
  2. form表单要能提交数据到后端,后端要做有效性校验 >>> 数据有效性校验
  3. 要把校验的提示信息展示到页面上 >>> 校验信息返回并展示

  关于数据检验:前端通过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':'haha@163.com'}) # 传入字典

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组件校验数据的规则

  1. 从上往下依次取值校验
  2. 校验通过的放到cleaned_data
  3. 校验失败的放到errors
  4. form中所有的字段默认都是必须传值的(required=True)
  5. 校验数据的时候可以多传(多传的数据不会做任何的校验,不会影响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    
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!