【1029 | Day55】Forms组件
目录
4. form组件
4.1 form组件的功能
1.搭建前端页面 >>> 渲染页面
2.获取前端用户提交的数据校验 >>> 校验数据
3.对数据的校验的结果 展示到前端页面给用户查看 >>> 展示错误信息
4.2 form组件的使用
自己要先写一个类
from django import forms
class MyRegForm(forms.Form):
username = forms.CharField(min_length=3,max_length=8)
password = forms.CharField(min_length=3,max_length=8)
email = forms.EmailField()
4.3 校验数据
from app01 import views
# 1.给自定义的类传一个字典
obj = views.MyRegForm({'username':'jason','password':'12','email':'123'})
# 2.判断数据是否全部合法
obj.is_valid() # 只有数据全部符合要求才会是True
Out[4]: False
# 3.查看符合校验规则的数据
obj.cleaned_data
Out[5]: {'username': 'jason'}
# 4.查看不符合条件的数据以及不符合的原因是什么
obj.errors
Out[6]:
{
'password': ['Ensure this value has at least 3 characters (it has 2).'],
'email': ['Enter a valid email address.']
}
# 5.校验数据的时候 默认情况下类里面所有的字段都必须传值
obj = views.MyRegForm({'username':'jason','password':'123'})
obj.is_valid()
Out[12]: False
obj.errors
Out[13]: {'email': ['This field is required.']}
# 6.默认情况下可以多传 但是绝对不能少传
obj = views.MyRegForm({'username':'jason','password':'1233','email':'123@qq.com','xxx':'ooo'})
obj.is_valid()
Out[15]: True
4.4 渲染页面
forms组件只会帮你渲染获取用户输入(输入，选择，下拉框...)的标签 ，提交按钮需要你自己手动写
4.4.1 三种渲染前端页面的方式
<p>三种渲染前端页面的方式</p>
<p>第一种渲染前端页面的方式:封装程度太高了 标签样式及参数不方便调整 可扩展性差(不推荐使用)
{{ form_obj.as_p }}
{{ form_obj.as_ul }}
</p>
<p>第二种渲染页面的方式:扩展性较高 不足之处在于 需要你手写的代码量比较多(不推荐使用)</p>
<p>
{{ form_obj.username.label }}{{ form_obj.username }}
</p>
<p>
{{ form_obj.password.label }}{{ form_obj.password }}
</p>
<p>
{{ form_obj.email.label }}{{ form_obj.email }}
</p>
<p>第三种渲染前端页面的方式:代码量和扩展性都很高(推荐使用)</p>
{% for foo in form_obj %}
<p>{{ foo.label }}{{ foo }}</p>
{% endfor %}
这一块还是比较简单的，动手试一试吧~
4.5 展示错误信息
4.5.1 取消前端的校验
<form action="" method="post" novalidate>
注意，此处form表单中添加一个参数即可！！！
跟我念一遍，No--Valid--Date！！！
4.5.2 展示错误信息
用对象.errors.0的方法，然后利用error_message=展示错误信息。
<form action="" method="post" novalidate>
{% for foo in form_obj %}
<p>
{{ foo.label }}:{{ foo }}
<span style="color: red">{{ foo.errors.0 }}</span>
</p>
{% endfor %}
<input type="submit">
</form>
class MyRegForm(forms.Form):
username = forms.CharField(min_length=3, max_length=8, label='用户名',
error_messages={
'min_length': '用户名最短三位',
'max_length': '用户名最长八位',
'required': '用户名不能为空'
}, initial='我是初始值', required=False
)
password = forms.CharField(min_length=3, max_length=8, label='密码', error_messages={
'min_length': '密码最短三位',
'max_length': '密码最长八位',
'required': '密码不能为空'
})
email = forms.EmailField(label='邮箱', error_messages={
'required': '邮箱不能为空',
'invalid': '邮箱格式不正确'
}, required=False)
4.6 forms组件钩子函数
4.6.1 局部钩子
- 当你需要对某一个字段数据进行额外的一些列校验，可以考虑使用钩子函数
- 针对单个字段的，使用局部钩子
def clean_username(self):
username = self.cleaned_data.get('username')
if '陈伟霆' in username:
# 给username字段下面提示错误信息
self.add_error('username','用户名不符合社会主义核心价值观')
return username
4.6.2 全局钩子
- 针对多个字段的校验，使用全局钩子
- 举个栗子：校验两次密码是否一致
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
4.7 改变input框的type属性值
widget= widgets.TextInput()widget=widgets.PasswordInput()
4.8 form-control属性
一切都做的差不多的时候，我们就觉得这个表单样式也太丑了吧！！！作为颜控，这怎么能忍受得了！
那么，如何让forms组件渲染出来的input框有form-control类属性？
widget= widgets.TextInput(attrs={'class':'form-control others'}) # 如果有多个类属性 空格隔开
widget= widgets.PasswordInput(attrs={'class':'form-control others'})
每个字段 还支持正则校验
from django import formsfrom django.forms import Formfrom django.core.validators import RegexValidator
class MyForm(Form):
user = forms.CharField(
validators=[RegexValidator(r'^[0-9]+$', '请输入数字'), RegexValidator(r'^159[0-9]+$', '数字必须以159开头')],
)
好了，今天的内容差不多就是这些，都是精华，看我博客的人都必须掌握！！！阿拉搜！！睡觉了
