forms组件

forms组件可以渲染前端标签获取用户输入,传递到后端进行校验,可以显示未通过的错误信息

校验数据(前后端都可以校验)
校验前端后端都可以做,但是前端可以不做,后端必须得做 !!!

 


校验数据

# 第一步需要一个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)
# 第二步实例化form对象
    form_obj = MyForm({'name':'jason'})

# 第三步查看数据校验是否合法
    form_obj.is_valid() # 只有当所有的字段都校验通过才会返回True

# 第四步查看校验错误的信息
    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.']
    }
    
    """
# 第五步查看校验通过的数据
    form_obj.cleaned_data # 符合校验规则数据都会被放到该对象中
    ps:form组件校验数据的规则从上往下依次取值校验
    校验通过的放到cleaned_data
    校验失败的放到errors

注意:
    form中所有的字段默认都是必须传值的(required=True)
    校验数据的时候可以都传(多传的数据不会做任何的校验>>>不会影响    form校验规则)

 

渲染标签

form组件只帮你渲染获取用户输入的标签,不会帮你渲染提交按钮,需要手动添加
第一种渲染方式(可扩展性较差) {{ form_obj.as_p }} {{ form_obj.as_ul }}
第二种渲染方式 <form action="">   <p>{{ form_obj.name.label }}{{ form_obj.name }}</p>   <p>{{ form_obj.password.label }}{{ form_obj.password }}</p>   <p>{{ form_obj.email.label }}{{ form_obj.email }}</p>   <input type="submit"> </form>

第三种渲染标签的方式 <form action="">   {% for foo in form_obj %}     <p>{{ foo.label }}{{ foo }}</p>   {% endfor %} </form> 前端取消校验 <form action="" method="post" novalidate> </form> form组件提交数据如果数据不合法,页面上会保留之前用户输入的信息 在使用form组件对模型表进行数据校验的时候,只需要保证字段一致 那么在创建的对象的时候你就直接**form_obj.cleaned_data <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>

 

 

 

注册页面:

views:

from django import forms

from django.forms import widgets
class Myform(forms.Form):
    name = forms.CharField(max_length=8, label='用户名', error_messages={
        'max_length': '用户名最长八位',
        'required': '不能为空'
    },widget=widgets.TextInput(attrs={'class':'form-control'}))                          #widgets必须要导入使用(from django.form import widgets)
    password = forms.CharField(max_length=10, min_length=3, label='密码', error_messages={
        'max_length': '密码长度不得大于8位',
        'min_length': '密码长度不得少于3位',
        'required': '不能为空'
    },widget=widgets.PasswordInput(attrs={'class':'form-control'}))
    confirm_password = forms.CharField(max_length=10, min_length=3, label='确认密码', error_messages={
        'max_length': '密码长度不得大于8位',
        'min_length': '密码长度不得少于3位',
        'required': '不能为空'
    }, widget=widgets.PasswordInput(attrs={'class': 'form-control'}))
    email = forms.EmailField(label='邮箱', error_messages={
        'invalid': '邮箱格式不正确',
        'required': '不能为空'
    },widget=widgets.EmailInput(attrs={'class':'form-control'}))

 

html:

 

<div class="container">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
        <h1>用户注册</h1>
            <form action="" method="post" novalidate class="form_1">

{% for foo in form_obj %} <p>{{ foo.label }}{{ foo }}<span>{{ foo.errors.0 }}</span></p> {% endfor %}
<input type="submit" class="anniu btn btn-primary" >           {#{{ form_obj.as_ul }}#}           {#{{ form_obj.as_d }}#} </form> </div></div></div>

 

 


钩子函数

# 局部钩子函数 (单个字段的校验利用局部钩子函数)
def clean_name(self):
name = self.cleaned_data.get('name')
if '666' in name:
self.add_error('name','光喊666是不行的,要有真实力!')
return name # return还是要加上的,兼容性考虑


# 全局钩子函数 (多个字段的校验利用全局钩子函数)
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',"两次密码不一致,你这个dsb!")
return self.cleaned_data

 

 

 设置标签样式

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'}))


hobby = forms.ChoiceField(
    choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
    label="爱好",
    initial=3,
    widget=forms.widgets.Select()
    )
hobby1 = forms.MultipleChoiceField(
    choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
    label="爱好",
    initial=[1, 3],
    widget=forms.widgets.SelectMultiple()
    )

keep = forms.ChoiceField(
    label="是否记住密码",
    initial="checked",
    widget=forms.widgets.CheckboxInput()
    )
 

 

posted @ 2020-06-19 14:44  不忘初心❤  阅读(162)  评论(0编辑  收藏  举报