forms组件

1. 校验字段功能

针对一个实例：注册用户讲解。

模型：models.py

class UserInfo(models.Model):

    name=models.CharField(max_length=32)

    pwd=models.CharField(max_length=32)

    email=models.EmailField()

    tel=models.CharField(max_length=32)

视图函数：register

from django.forms import widgets

from django.core.exceptions import ValidationError

wid_01 = widgets.TextInput(attrs={"class": "form-control"})  #用了bootstrap，所以加个样式属性

wid_02 = widgets.PasswordInput(attrs={"class": "form-control"}) #注意！！ 在校验失败后，form对象不保存PasswordInput的value值,所以页面要重新输入

class UserForm(forms.Form):

    name = forms.CharField(min_length=3, label="用户名", error_messages={"required": "该字段不能为空", "min_length": "最小长度为3"},

                           widget=wid_01

                           )

    pwd = forms.CharField(min_length=4, label="密码",

                          widget=wid_02

                          )

    r_pwd = forms.CharField(min_length=4, label="确认密码", error_messages={"required": "该字段不能为空"},

                            widget=wid_02)

    email = forms.EmailField(label="邮箱", error_messages={"required": "该字段不能为空", "invalid": "格式错误"},

                             widget=wid_01)

    tel = forms.CharField(label="手机号", widget=wid_01)

def register(request):

    if request.method == "POST":

        print(request.POST)

        # form=UserForm({"name":"yu","email":"123@qq.com","xxxx":"alex"})

        form = UserForm(request.POST)  # form表单的name属性值应该与forms组件字段名称一致

        print(form.is_valid())  # 返回布尔值

        if form.is_valid():

            print(form.cleaned_data)  # {"name":"yuan","email":"123@qq.com"}

        else:

            print(form.cleaned_data)  # {"email":"123@qq.com"}

            # print(form.errors)        # {"name":[".........."]}

            # print(type(form.errors))  # ErrorDict : {"校验错误的字段":["错误信息",]}

            # print(form.errors.get("name"))

            # print(type(form.errors.get("name")))    # ErrorList ["错误信息",]

            # print(form.errors.get("name")[0])

            return render(request, "register.html", locals())

        '''

        form.is_valid()   :返回布尔值

        form.cleaned_data :{"name":"yuan","email":"123@qq.com"}

        form.errors       :{"name":[".........."]}

        '''

    form = UserForm()

    return render(request, "register.html", locals())

2. 渲染标签功能

2.1 渲染方式1

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

   <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->

    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

</head>

<body>

<h3>注册页面</h3>

<div class="container">

    <div class="row">

        <div class="col-md-6 col-lg-offset-3">

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

                    {% csrf_token %}

                    <div>

                        <label for="">用户名</label>

                        {{ form.name }}

                    </div>

                    <div>

                        <label for="">密码</label>

                        {{ form.pwd }}

                    </div>

                    <div>

                        <label for="">确认密码</label>

                        {{ form.r_pwd }}

                    </div>

                    <div>

                        <label for=""> 邮箱</label>

                        {{ form.email }}

                    </div>

                    <input type="submit" class="btn btn-default pull-right">

                </form>

        </div>

    </div>

</div>

</body>

</html>

2.2 渲染方式2

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

                    {% csrf_token %}

                    {% for field in form %}

                        <div>

                            <label for="">{{ field.label }}</label>

                            {{ field }}

                        </div>

                    {% endfor %}

                    <input type="submit" class="btn btn-default pull-right">

</form>

2.3 渲染方式3

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

    {% csrf_token %}

    {{ form.as_p }}

    <input type="submit" class="btn btn-default pull-right">

</form>

3. 显示错误与重置输入信息功能

视图

def register(request):

    if request.method=="POST":

        form=UserForm(request.POST)

        if form.is_valid():

            print(form.cleaned_data)       # 所有干净的字段以及对应的值

        else:

            print(form.cleaned_data)       #

            print(form.errors)             # ErrorDict : {"校验错误的字段":["错误信息",]}

            print(form.errors.get("name")) # ErrorList ["错误信息",]

        return render(request,"register.html",locals())

    form=UserForm()

    return render(request,"register.html",locals())

模板

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

    {% csrf_token %}

    {% for field in form %}

        <div>

            <label for="">{{ field.label }}</label>

            {{ field }} <span class="pull-right" style="color: red">{{ field.errors.0 }}</span>

        </div>

    {% endfor %}

    <input type="submit" class="btn btn-default">

</form>

4. 局部钩子与全局钩子

视图



# forms组件

from django import forms

from django.core.exceptions import ValidationError

class UserForm(forms.Form):

    username = forms.CharField(min_length=3, max_length=6, label="用户名",

                               error_messages={"required": "该字段不能为空", "min_length": "最小长度为3", "max_length": "最大长度为6"}, )

    password = forms.CharField(max_length=32, label="密码", error_messages={"required": "该字段不能为空"})

    r_pwd = forms.CharField(max_length=32, label="确认密码", error_messages={"required": "该字段不能为空"})

    email = forms.EmailField(label="邮箱", error_messages={"required": "该字段不能为空", "invalid": "格式错误"})

    phone = forms.CharField(max_length=32, label="手机号")

    def __init__(self, *args, **kwargs):  # 给每个标签添加属性

        super().__init__(*args, **kwargs)

        for field in self.fields.values():

            field.widget.attrs['class'] = 'form-control'

    # 局部钩子

    def clean_username(self):

        val = self.cleaned_data.get("username")

        if not val.isdigit():

            return val

        else:

            raise ValidationError("用户名不能是纯数字!")

    # 全局钩子

    def clean(self):

        pwd = self.cleaned_data.get("password")

        r_pwd = self.cleaned_data.get("r_pwd")

        if pwd == r_pwd:

            return self.cleaned_data

        else:

            raise ValidationError('两次密码不一致!')

def register(request):

    form = UserForm()

    if request.method == "POST":

        form = UserForm(request.POST)

        if form.is_valid():

            print(form.cleaned_data)

            user = UserInfo.objects.create_user(username=request.POST.get("username"),

                                                password=request.POST.get("password"), phone=request.POST.get("phone"),

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

            return redirect("/blog/login/")

        else:

            errors = form.errors.get("__all__")

            return render(request, "register.html", locals())

    return render(request, "register.html", locals())

模板

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

      {% csrf_token %}

    <p>{{ form.username.label }}

        {{ form.username }} <span class="pull-right error">{{ form.username.errors.0 }}</span>

    </p>

    <p>{{ form.password.label }}

        {{ form.password }} <span class="pull-right error">{{ form.password.errors.0 }}</span>

    </p>

    <p>{{ form.r_pwd.label }}

        {{ form.r_pwd }} <span class="pull-right error">{{ form.r_pwd.errors.0 }}</span>

                         <span class="pull-right error">{{ errors.0 }}</span>

    </p>

    <p>{{ form.email.label }}

        {{ form.email }}<span class="pull-right error">{{ form.email.errors.0 }}</span></p>

    <p>{{ form.phone.label }}

        {{ form.phone }} <span class="pull-right error">{{ form.phone.errors.0 }}</span></p>

    <button type="submit" class="btn btn-success">提交注册</button>

</form>

Django 之 Form的更多相关文章

  1. Django之Form组件

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

  2. Django models Form model_form 关系及区别

    Django models Form model_form

  3. 【Django】--Form组件

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

  4. Django基础——Form&Ajax篇

    一 Form 在实际的生产环境中,登录和注册时用户提交的数据浏览器端都会使用JavaScript来进行验证(比如验证输入是否为空以及输入是否合法),但是浏览器可能会禁用JavaScirpt,同时也有人 ...

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

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

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

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

  7. 69、django之Form组件

    本篇导航: 小试牛刀 Form类 常用选择插件 自定义验证规则 初始化数据 Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次 ...

  8. Django的Form(二)

    上一篇已经简单介绍了Django的Form,现在开始进阶操作了 ..... 创建Form类的时候,主要涉及到Form字段和Form的插件,字段用于做form验证,插件用来生成HTML DjiangoF ...

  9. Django的Form

    Django的Form有两个基本用途: 1.用于生成html的Form表单 2.用于后台做表单验证 #!/usr/bin/env python # -*- coding:utf-8 -*- impor ...

  10. python Django之Form组件

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

随机推荐

  1. Mysql数据库简单常用语句

    Mysql数据库简单常用语句 1.命令连接数据库 mysql -h 127.0.0.1 -u root -p 2.新增用户 GRANT SELECT on 数据库.* to 用户名@登录主机 iden ...

  2. QT--QMainWindow窗口的状态栏设置

    QMainWindow窗口状态栏 实时显示时间: 1.获取实时时间使用定时器QTimer, QTimer *timer = new QTimer(); connect(timer, &QTim ...

  3. Flink Table API & SQL 自定义Redis Sink 使用方式

    flink-connector-redis的使用方式和其他连接器几乎一样,除了一些公共的参数外(connector.type, format.type, or update-mode等),还支持以下参 ...

  4. 软件工程作业二——gitee

    软件技术基础 https://edu.cnblogs.com/campus/zjlg/22rjjc/homework/12862 这个作业的目标 <运用编程来记录数据> 姓名-学号 < ...

  5. Vue 中的 key 有什么作用？

    key 是为 Vue 中 vnode 的唯一标记,通过这个 key,我们的 diff 操作可以更准确.更快速. Vue 的 diff 过程可以概括为:oldCh 和 newCh 各有两个头尾的变量 o ...

  6. docker 安装mongodb

    一.安装mongodb 我们首先改一下镜像源,避免拉去速度太慢 创建daemon.json文件:位于/etc/docker目录下: 登录阿里云 即可 2.docker 搜索mongo镜像 然后pull ...

  7. kubernetes弃用dockershim

    转载自:https://www.51cto.com/article/710688.html 前段时间,kubernetes推出了1.24版本,曾经轰动一时的docker弃用也正式实装了,这意味着1.2 ...

  8. pycharm 连接 docker容器

    1.ubuntu 18.04 先安装sudo apt-get install openssh-server 2.修改" /etc/ssh/sshd_config" 改成 Permi ...

  9. 【二】python学习总结

    一i.python概念 python是一种解释型语言,速度比java慢 二.运算符和格式输出.导入 1.Python3 运算符 | 菜鸟教程 (runoob.com) 2.格式输出 %  和.form ...

  10. BIP弹框内容显示的隐藏

    viewModel.on("customInit", function (data) {         // 关闭或取消关原因详情--页面初始化         viewMode ...