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. react踩坑笔记

    1.create-react-app中配置webpack // 方法一:将项目的配置文件抽取到项目中,即运行: npm run eject // 方法二:使用react-app-rewired 2.c ...

  2. Linux下的Vim文本编辑器(入门)

    引言 vim filename:打开名为filename的文件,如果不存在就会创建一个filename文件 Vim的三种使用模式 1. 命令模式 启动Vim时,就进入了命令模式 在该模式下: i:切换 ...

  3. IDEA输出乱码“淇℃伅”

    尝试过在IDEA中tomcat的vmoptions中加入代码 -Dfile.encoding=GBK 没什么用 最后找到了这个方法 参考链接 ①在Tomcat文件夹下找到conf ②找到logging ...

  4. Vue 脚手架学习

    首先就是安装脚手架 npm install @vue/cil -g 全局安装 在这里我遇到一个问题:安装不了脚手架,报错显示: 通过苦逼的查找原因就是 以前使用的taobao镜像 导致的,删除镜像换成 ...

  5. Cancer Cell | 肿瘤微环境渐进式调控AML治疗抵抗的分子机制

    急性髓系白血病 ( acute myeloid leukemia, AML ) 是成年人常见的血液系统恶性肿瘤之一,主要表现为髓系原始细胞克隆性恶性增殖及正常造血细胞功能抑制.在AML基因突变图谱中, ...

  6. JAVA基础语法：函数(方法)、类和对象（转载）

    4.JAVA基础语法:函数(方法).类和对象 函数 在java中函数也称为方法,是一段具备某种功能的可重用代码块. 一个函数包括这几部分: 函数头 函数头包括函数访问修饰符,函数返回值类型, 函数名, ...

  7. Vue 实现微信提示浏览器转跳功能

    <template> <div class="main"> <div :class="show==true ? 'block':'block ...

  8. Linux中的账号权限管理

    一.用户账号和组账号概述 Linux基于用户身份对资源访问进行控制 1.1.用户账号 超级用户:root 用户是 Linux 操作系统中默认的超级用户账号,对本主机拥有最高的权限.系统中超级用户是唯一 ...

  9. linux service脚本

    vim /etc/systemd/system/node_exporter.service [Unit] Description=node_exporter Documentation=https:/ ...

  10. DotNetCore深入了解：HTTPClientFactory类

    一.HttpClient使用 在C#中,如果我们需要向某特定的URL地址发送Http请求的时候,通常会用到HttpClient类.会将HttpClient包裹在using内部进行声明和初始化,如下面的 ...