Django的form组件基本使用——简单校验

?
1
2
3
4
5
6
7
8
from django.contrib import admin
from django.urls import path
from app01 import views
 
urlpatterns = [
    path('admin/', admin.site.urls),
    path('test/',views.test)   #测试form组件的路由
]

　　

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
from django.shortcuts import render,HttpResponse
from django import forms
 
 
class UserInfo(forms.Form):
 
    username = forms.CharField(
        label='用户名',
        initial='默认值',      #设置默认值
        #min_length=6,        #最小长度为6
        required=True,        #不能为空
        error_messages={      #自定义错误的提示信息
            'required': '不能为空'
        }
    )
 
    password = forms.CharField(
        label='密码',
        widget=forms.widgets.PasswordInput(render_value=True)  #普通输入框提交后会默认保留数据，但是密码不会，因此render_value=True可以强制保留
    )
 
 
 
def test(request):
    if request.method == 'GET':
        u_obj = UserInfo()
        return render(request,'test.html',{'u_obj': u_obj})
    else:
        u_obj = UserInfo(request.POST)   #标签的 name 值为类中的属性名（本例中分别为：username/password）
        if u_obj.is_valid():  #校验用户提交的数据是否符合要求，如果全部校验成功则返回True,否则返回False
            print(u_obj.cleaned_data)   #校验成功之后的数据
            return HttpResponse('检验通过')
        else:
            print(u_obj.errors)   #校验失败后的错误信息
            return render(request,'test.html',{'u_obj': u_obj})  #此时的u_obj对象含有刚才校验的数据，可以将错误信息传到前端进行提示

　　

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <style>
        .c1{
            background-color: red;
        }
    </style>
</head>
<body>
    {{ u_obj.errors }}  {# 将错误信息展示在页面 #} {# 但是u_obj.errors表示所有的错误信息 #}
 
 
    <form action="" method="post" novalidate>  {# 浏览器会默认帮我们提示 “此字段不能为空”，novalidate可以取消浏览器的这个默认的提示 #}
        {% csrf_token %}
        <div>
            {{ u_obj.username.label }}:{{ u_obj.username }} {{ u_obj.username.errors.0 }}  {# 每个字段有自己的错误，u_obj.username.errors.0显示自己的第一个错误 #}
        </div>
        <div>
            {{ u_obj.password.label }}:{{ u_obj.password }}
        </div>
 
 
        <div>
            <input type="submit" value="提交">
        </div>
    </form>
 
 
</body>
</html>

　　

posted @   映辉  阅读(68)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示
AI IDE Trae