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组件的路由

]

　　

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对象含有刚才校验的数据，可以将错误信息传到前端进行提示

　　

<!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>

　　

Django的form组件基本使用——简单校验的更多相关文章

  1. 【Django】Form组件

    目录 Form组件介绍 常用字段与插件 Form组件中所有内置字段 从数据库中获取数据 校验示例 检验手机号是否合法 方式一(基本操作) 方式二(自定义验证规则) 方式三(利用钩子) 验证密码一致性 ...

  2. Django之Form组件(一)

    Django之Form组件(一) Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 基本操作:字 ...

  3. python框架之Django(10)-Form组件

    介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来.与此同时我们在好多场景下都需要对用户的输入做校验,比如校验用户是否输入,输入 ...

  4. 〖Python〗-- Django的Form组件

    [Django的Form组件] Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 Form类的使 ...

  5. Django之Form组件

    Django之Form组件 本节内容 基本使用 form中字段和插件 自定义验证规则 动态加载数据到form中 1. 基本使用 django中的Form组件有以下几个功能: 生成HTML标签 验证用户 ...

  6. Python之路【第二十一篇】：Django之Form组件

    Django之Form组件   Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 小试牛刀 1. ...

  7. 第十一篇：web之Django之Form组件

    Django之Form组件   Django之Form组件 本节内容 基本使用 form中字段和插件 自定义验证规则 动态加载数据到form中 1. 基本使用 django中的Form组件有以下几个功 ...

  8. python Django之Form组件

    python Django之Form组件 Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 小试 ...

  9. Django之Form组件验证

    今天来谈谈Django的Form组件操作 Django中的Form一般有两种功能: ·输入html ·验证用户输入 Form验证流程 ·定义规则(是一个类)    ·前端把数据提交过来 ·匹配规则 · ...

随机推荐

  1. Sunset靶机

    仅供个人娱乐 靶机信息 https://www.vulnhub.com/entry/sunset-sunrise,406/ 一.主机探测 二.信息收集 nmap -sS -sV -T5 -A -p- ...

  2. SprintBoot简单入门

    1.什么是SpringBoot SpringBoot是基于Spring的基础上提供了一套全新的框架,其目的是为了在开发时简化Spring的相关配置及开发过程.在SpringBoot未出来之前,准备搭建 ...

  3. tensorflow踩坑合集2. TF Serving & gRPC 踩坑

    这一章我们借着之前的NER的模型聊聊tensorflow serving,以及gRPC调用要注意的点.以下代码为了方便理解做了简化,完整代码详见Github-ChineseNER ,里面提供了训练好的 ...

  4. RHCE_DAY04

    sed流式编辑器 sed是一个非交互的文本编辑器,实现的功能跟vim相同,主要是对文件内容进行输出.删除.替换.复制.剪切.导入.导出等功能 命令格式1:前置命令 | sed [选项] '[指令]' ...

  5. Do you want to continue? [Y/n] Abort.

    当出现这个后命令终止,无法选择 y这时候 ,在输入命令时候提前加入 -y udo apt install sysv-rc-conf -y

  6. innodb是如何存数据的？yyds

    前言 如果你使用过mysql数据库,对它的存储引擎:innodb,一定不会感到陌生. 众所周知,在mysql8以前,默认的存储引擎是:myslam.但mysql8之后,默认的存储引擎已经变成了:inn ...

  7. NOIP 模拟 $36\; \rm Cicada 与排序$

    题解 \(by\;zj\varphi\) 设 \(rk_{i,j}\) 表示第 \(i\) 个数最后在相同的数里排第 \(j\) 位的概率. 转移时用一个 \(dp\),\(dp_{i,j,0/1}\ ...

  8. express中session的基本使用

    1.首先安装express-session模块 npm install express-session --save 2.引入express-session,以及设置中间键 var session = ...

  9. 请问在电脑里PNP是什么意思啊?

    PnP(Plug and Play,即插即用)是指用户不必干预计算机的各个外围设备对系统资源的分配,而将这一繁杂的工作交给系统,由系统自身去解决底层硬件资源,包括IRQ(中断请求).I/O(输入输出端 ...

  10. uwp 之语音识别

    xml code ---------------------------------------------- <Page x:Class="MyApp.MainPage" ...