普通 form 表单的处理：

reg.html：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>注册页面</title>

</head>

<body>

<form action="/reg/" method="post">

    {% csrf_token %}

    <p>用户名:

        <input type="text" name="username">

        <span>{{ error.user }}</span>  {# 如果有错误，就获取错误信息 #}

    </p>

    <p>密码:

        <input type="password" name="pwd">

        <span>{{ error.pwd }}</span>  {# 如果有错误，就获取错误信息 #}

    </p>

    <p>

        <input type="submit">

    </p>

</form>

</body>

</html>

views.py：

from django.shortcuts import render, HttpResponse

from app01 import models

def reg(request):

    error = {"user": "", "pwd": ""}  # 用一个字典来存错误信息

    if request.method == "POST":

        username = request.POST.get("username")

        password = request.POST.get("pwd")

        if len(username) > 5:

            error["user"] = "用户名不能大于 5 位"

        if len(password) < 6:

            error["pwd"] = "密码不能小于 6 位"

        elif len(password) > 10:

            error["pwd"] = "密码不能大于 10 位"

    return render(request, "reg.html", {"error": error})

访问，http://127.0.0.1:8000/reg/

输入大于 5 位数的用户名和大于 10 位数的密码

使用 form 组件处理表单：

reg2.html：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>注册页面</title>

</head>

<body>

<form action="/reg2/" method="post" novalidate>

    {% csrf_token %}

    {{ form_obj.as_p }}  {# 以 p 标签形式显示 #}

{#    {{ form_obj.errors.username }}  {# 单独获取 username 的错误信息 #}

{#    {{ form_obj.errors.password }}  {# 单独获取 password 的错误信息 #}

    <p><input type="submit"></p>

</form>

</body>

</html>

form_obj 可以直接获取到 username、password 的错误信息，也可以通过 errors 来单独获取

views.py：

from django.shortcuts import render, HttpResponse

from app01 import models

from django import forms  # 导入 form 组件

# 定义一个 form 类

class RegForm(forms.Form):

    username = forms.CharField(

        min_length=5,

        label="用户名",  # 设置标签名

        # 错误信息

        error_messages={

            "min_length": "用户名不能大于5位！",

        }

    )

    password = forms.CharField(

        min_length=6,

        label="密码",  # 设置标签名

        # 错误信息

        error_messages={

            "min_length": "密码不能少于6位！",

        }

    )

def reg2(request):

    form_obj = RegForm()  # GET 请求，实例化 form 对象

    if request.method == "POST":

        form_obj = RegForm(request.POST)

        # form 帮我们做校验

        if form_obj.is_valid():  # 判断 form_obj 是否有值

            pass

    return render(request, "reg2.html", {"form_obj": form_obj})

访问，http://127.0.0.1:8000/reg2/

如果要把密码处的内容隐藏起来，要用到 widgets

views.py：

from django import forms

from django.forms import widgets

class RegForm(forms.Form):

    username = forms.CharField(

        min_length=5,

        label="用户名",

        error_messages={

            "min_length": "用户名不能大于5位！",

        }

    )

    password = forms.CharField(

        min_length=6,

        label="密码",

        error_messages={

            "min_length": "密码不能少于6位！",

        },

        widget=widgets.PasswordInput()  # 把输入的密码隐藏起来

    )

运行结果：

但是点击 “提交” 之后

密码的内容没有了

修改 views.py，在 PasswordInput 中添加参数：

from django import forms

from django.forms import widgets

class RegForm(forms.Form):

    username = forms.CharField(

        min_length=5,

        label="用户名",

        error_messages={

            "min_length": "用户名不能大于5位！",

        }

    )

    password = forms.CharField(

        min_length=6,

        label="密码",

        error_messages={

            "min_length": "密码不能少于6位！",

        },

        widget=widgets.PasswordInput(render_value=True)

    )

运行结果：

Python - Django - form 组件基本用法的更多相关文章

  1. Python - Django - form 组件内置的正则校验器

    app01/models.py: from django.db import models class UserInfo(models.Model): username = models.CharFi ...

  2. Python - Django - form 组件动态从数据库取 choices 数据

    app01/models.py: from django.db import models class UserInfo(models.Model): username = models.CharFi ...

  3. Python - Django - form 组件自定义校验

    reg2.html: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...

  4. Python - Django - form 组件校验功能

    app01/models.py: from django.db import models class UserInfo(models.Model): username = models.CharFi ...

  5. Python - Django - form 组件常用的字段和字段参数

    邮箱: views.py: from django import forms from django.forms import widgets class RegForm(forms.Form): e ...

  6. 9.24 Django Form组件

    2018-9-23 20:10:04 这两天优化了自己图书管理系统 github 连接:https://github.com/TrueNewBee/pythonDemo 顺便整理了博客,写了好多总结, ...

  7. 6月28日 Django form组件 和 modelform组件

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

  8. django Form组件

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

  9. Django—Form组件

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

随机推荐

  1. C# 获取操作系统空闲时间

    获取系统鼠标和键盘没有任何操作的空闲时间 public class CheckComputerFreeState { /// <summary> /// 创建结构体用于返回捕获时间 /// ...

  2. STM32启动代码详细分析

    最近需要学习iap的功能,因此离不开stm32的启动代码的分析,以前看了很多遍,都看不懂,读书百遍,其义自见,因此我有看了一遍,下面的文章,挺好的,因此转载: 在上电复位后,我们都知道会先运行启动代码 ...

  3. CDN工作机制

    CDN(content delivery network),即内容分布网络,是一种构建在现有Internet上的一种先进的流量分配网络.CDN以缓存网站中的静态数据为主,当用户请求动态内容时,先从CD ...

  4. linux系统管理第一章作业

    上机作业: 1.请用命令查出ifconfig命令程序的绝对路径 [root@localhost ~]# which ifconfig /usr/sbin/ifconfig 2.请用命令展示以下命令哪些 ...

  5. 虚拟变量和独热编码的区别（Difference of Dummy Variable & One Hot Encoding）

    在<定量变量和定性变量的转换(Transform of Quantitative & Qualitative Variables)>一文中,我们可以看到虚拟变量(Dummy Var ...

  6. 【loj2341】【WC2018】即时战略

    题目 交互题: 一开始所有点都是黑的,你需要把所有点变白: explore(u,v)会将u到v路径上的第二个点变白: 一开始只有1号点是白色的,你需要让所有点变白: 对于一条链次数限制\(O(n+lo ...

  7. 守护进程daemon.c

    它的特点是:•不占用控制终端(后台运行)•独立于控制终端•周期性运行 #include<stdio.h>#include<unistd.h>#include<fcntl. ...

  8. UOJ269【清华集训2016】如何优雅地求和【数论，多项式】

    题目描述:求 $$\sum_{k=0}^nf(k)\binom{n}{k}x^k(1-x)^{n-k}$$ 输入$n$,$f(x)$的次数上界$m$,$x$,$f(0,1,\ldots,m)$,对$9 ...

  9. 【NOIP2015】真题回顾

    题目链接 神奇的幻方 按照题意模拟 信息传递 不难想到这是一个基环树的森林,找一个最小环就可以了 斗地主 毒瘤搜索题,时限不紧,但是要考虑全所有情况 需要注意的一些地方: 先枚举顺子.再枚举四带二.三 ...

  10. MintUI引入vue项目以及引入iconfont图标

    官网地址:http://mint-ui.github.io/#!/zh-cn 中文文档:http://mint-ui.github.io/docs/#/zh-cn2 示例展示:http://eleme ...