forms组件

目录

-介绍

-基本使用

-常用字段

-三大功能

--数据校验

---正则校验器

--标签渲染

--自动错误信息提示

-钩子函数

--局部钩子

--全局钩子


-介绍

我们在前端用form标签向后端提交数据时,都会写一些获取用户输入的标签比如input等,

并且很多时候都需要进行用户输入的校验,比如用户登录时需要判断是否输入以及是否合法等,

然后给出相应的错误信息提示。但每次这种需求都需这样做就是反复造轮子

forms组件就可以解决上述重复的需求并且更加优化,forms组件就是实现上述特定功能的功能模块

-基本使用

比如一个注册功能:

先在views.py中定义一个自己的校验类:

from django import forms  # 先导入forms,类似导入models
# 写自己的类
class MyForms(forms.Form): # 继承Form类
    # 以下写自己要参与到的字段
	name = forms.CharField(min_length=3, max_length=8) # 最小为3,最长为8
	password = forms.CharField(min_length= 3,max_length = 8)
    email = forms.EmailField() # 这的EmailField自动校验,必须符合邮箱格式

再写一个视图函数:

def register(request):
    form_obj = MyForms()
    if request.method == "POST":
        # 实例化form对象的时候,把post提交过来的数据直接传进去
        form_obj = MyForms(request.POST)
        # 调用form_obj校验数据的方法
        if form_obj.is_valid():
            return HttpResponse("注册成功")
    return render(request, "register.html", locals())

 register.html

<body>
    <form action="" novalidate method="post">
        <p>User Register</p>
        {% for item in forms_obj %}
            <p>
                {{ item.label }}:{{ item }}
                <span style="color: red;">{{ item.errors.0 }}</span>
            </p>
        {% endfor %}
        <input type="submit">
    </form>
</body>

-常用字段

label            字段名
error_messages   自定义报错信息
initial          默认值
help_text=''     帮助信息(在标签旁边显示)
widget           设置input的type为text、password、单多选等,同时还能赋更多属性

eg:
class LoginForm(forms.Form):
    username = forms.CharField(
        min_length=8,
        label="用户名",
        initial="weer",
        error_messages={
            "required": "不能为空",
            "invalid": "格式错误",
            "min_length": "用户名最短8位"
        }
    )
    password = forms.CharField(
        min_length=6,
        label="密码",
        widget=forms.widgets.PasswordInput(attrs={'class': 'c1', 'name':'pwd'})
    )

-三大功能

forms组件主要可以用来实现数据校验、标签渲染和错误信息提示的主要功能

--数据校验

用forms组件生成对象校验数据时,将待校验数据以字典形式传入即可

除了前面的test.py可以测试代码外

针对Django项目在pycharm里还有个python console的测试环境

在python console 中书写↓:
	# 导入
	>>>from app01 import views
	# 将待校验数据以字典形式传入
	>>>forms_obj = MyForms({'name':'weer', 'password':'666', 'email':'888'})
	# 判断是否合法,全合法才为True
	>>>forms_obj.is_valid()
	False
	# 查看所有校验通过符合要求的数据
	>>>forms_obj.cleaned_data
	{'name': 'weer', 'password': '666'}
	# 查看所有不符合校验规则的数据及不符合原因
	>>>forms_obj.errors
    {'email': ['Enter a valid email address.']} # 值是列表,说明规则可能不唯一

 校验规则

        从类里面的数据字段逐一在待校验数据中查找校验,符合就加入cleaned_data中,不符合就加入errors中。

        所以待校验数据中顺序不影响,且待校验数据中多传入类中没有的字段及值,多传入字段对校验结果无影响;

        但当待校验数据中少传字段或对应值,结果为False,原因为'This field is required.'

---正则校验器

# 第一道关卡里还支持用RegexValidator写正则校验表达式
from django.core.validators import RegexValidator
phone = forms.CharField(validators=[
	RegexValidators(r'^[0-9]+$', “号码是数字!”),
	RegexValidators(r'^135[0-9]+$', “号码必须以135开头!”)
])
# 列表内可以写多个正则匹配式

--标签渲染

可以利用forms组件自动渲染获取用户输入的标签(input,password,select,textarea等),减少代码书写,但不能自动生成提交按钮

1、后端先产生Form对象传给前端

def ab_forms_tags(request):
	# 1先产生空对象
	forms_obj = MyForms()
	# 2传递给前端供其操作
    return render(request, 'html10 forms标签渲染.html', locals())

2、前端支持三种渲染方式

<body>
    <form action="">
       {# <p>第一种:代码书写少 封装程度高 不利于扩展 一般用于本地测试</p> #}
       {# {{ forms_obj.as_p }} #}
       {# {{ forms_obj.as_ul }} #}
       {# {{ forms_obj.as_table }} #}

       {# <p>第二种:可扩展性强 书写代码多</p> #}
       {# <p>{{ forms_obj.name.label }}:{{ forms_obj.name }}</p> #}
       {# <p>{{ forms_obj.password.label }}:{{ forms_obj.password }}</p> #}
       {# <p>{{ forms_obj.email.label }}:{{ forms_obj.email }}</p> #}

        <p>第三种:代码书写简单 可扩展性高</p>
        {% for item in forms_obj %}
            <p>{{ item.label }}:{{ item }}</p>
        {% endfor %}
    </form>
</body>

--自动错误信息提示

用户表单输入数据提交后,利用forms组件可自动校验并对错误输入进行提示,提示信息展示在输入框右侧

from django import forms
class MyForms(forms.Form):
    name = forms.CharField(min_length=3, max_length=8, label='用户名',
                           error_messages={
                               'min_length':'用户名最少为2',
                               'max_length':'用户名最多为8',
                               'required':'用户名不能为空'
                           })
    password = forms.CharField(min_length=3, max_length=8, label='密码',
                               error_messages={
                                   'min_length': '密码最少为2',
                                   'max_length': '密码最多为8',
                                   'required': '密码不能为空'
                               })
    email = forms.EmailField(label='邮箱',
                             error_messages={
                                 'invalid':'邮箱格式错误',
                                 'required':'邮箱不能为空'
                             })
# forms组件提示错误信息
def ab_forms_autoShowWrongMsgs(request):
    # 先产生空对象
    forms_obj = MyForms()
    # post提交过来后错误信息校验
    if request.method == "POST":
        # ∵request.POST结果本身就是字典数据,直接传给MyForms校验即可
        forms_obj = MyForms(request.POST)
        if forms_obj.is_valid():
            return HttpResponse('OK')
    return render(request, 'html11 展示错误信息.html', locals())
<body>
    <form action="" novalidate method="post">
        <p>User Login</p>
        {% for item in forms_obj %}
            <p>
                {{ item.label }}:{{ item }}
                <span style="color: red;">{{ item.errors.0 }}</span>
            </p>
        {% endfor %}
        <input type="submit">
    </form>
</body>

 """

get请求和post请求传递的两个变量名forms_obj必须一样

用户输入提交后,会展示错误提示信息,并保留原先输入数据,更人性化

自定义错误提示信息用error_messages={}规定,自动判断(常用4个条件)并展示

"""

-钩子函数

用于辅助校验,当最初校验规则校验完后,才可以通过写钩子函数进行第二道关卡校验

类似于校验数据的第二道防线,并且是在里面自定义校验规则(匹配,正则,敏感字。。。)

钩子函数在类下里面书写,只有当原规则过了后才执行,没过就不执行

--局部钩子

eg:校验用户名name中不能出现"性"字

	# 局部钩子
	def clean_name(self):   # 固定函数名clean_xxx
		# 获取用户名
		name = self.cleaned_data.get('name') # 把已通过第一道关卡的name钩起来
		if "性" in name:
			# 前端展示错误信息提示
			# 第一个为字段,第二个为错误信息提示
			self.add_error('name', '用户名不能含'性'字哦')
		# 将钩子钩起来的数据放回去
        return name

--全局钩子

校验注册时两次设置密码是否一致

	# 全局钩子
	def clean(self):   # 全局钩子统为clean
		# 获取数据
		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

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

weer-wmq

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值