base知识

参考博文：https://www.cnblogs.com/yuanchenqi/articles/9036474.html

用户表单是Web端的一项基本功能,大而全的Django框架中自然带有现成的基础form对象,Python的Django框架中forms表单类的使用方法详解

1，demo1

	form表单的那么属性值对应UserForm属性值

	class UserForm(forms.Form):

		name=forms.CharField(min_length=4)

		pwd=forms.CharField(min_length=4)

	form=UserForm({"name":"yuan","email":"123"})

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

2，form渲染组件

	{{ form.name }}

Form表单的功能

  • 自动生成HTML表单元素
  • 检查表单数据的合法性
  • 如果验证错误，重新显示表单（数据不会重置）
  • 数据类型转换（字符类型的数据转换成相应的Python类型）

Form相关的对象包括

  • Widget：用来渲染成HTML元素的工具，如：forms.Textarea对应HTML中的<textarea>标签
  • Field：Form对象中的一个字段，如：EmailField表示email字段，如果这个字段不是有效的email格式，就会产生错误。
  • Form：一系列Field对象的集合，负责验证和显示HTML元素
  • Form Media：用来渲染表单的CSS和JavaScript资源。

forms里面的字段：

required：是否可以为空。required=True 不可以为空，required=False 可以为空

max_length=4 最多4个值，超过不会显示

min_length=2 至少两个值，少于两个会返回提示信息

error_messages={'required': '邮箱不能为空', 'invalid': '邮箱格式错误'}  自定义错误信息，invalid 是格式错误

widget=forms.TextInput(attrs={'class': 'c1'}) 给自动生成的input标签自定义class属性

widget=forms.Textarea()  生成Textarea标签。widget默认生成input标签

校验字段功能

精简示例：

form表单校验字段

from django import forms

class UserForm(forms.Form):

    name=forms.CharField(min_length=4,label="用户名")

    pwd=forms.CharField(min_length=4)

    r_pwd=forms.CharField(min_length=4)

    email=forms.EmailField()

    tel=forms.CharField()

class reg(request):

    if request.method=="POST":

        # form=UserForm({"name":"yuan","email":"123"})

        form=UserForm(request.POST)

        print(form.is_valid())

        if form.is_valid():

            print(form.cleaned_data)

        else:

            print(form.cleaned_data) # 正确的键值对

            print(form.errors) # 错误的键：错误的信息

        return HttpResponse("ok")

    return render(request,"reg.html")

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

模型：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.html:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

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

    {% csrf_token %}

    <div>

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

        <p><input type="text" name="name" id="name"></p>

    </div>

    <div>

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

        <p><input type="password" name="pwd" id="pwd"></p>

    </div>

    <div>

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

        <p><input type="password" name="r_pwd" id="r_pwd"></p>

    </div>

     <div>

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

        <p><input type="text" name="email" id="email"></p>

    </div>

    <input type="submit">

</form>

</body>

</html>

视图函数：register

# forms组件

from django.forms import widgets

wid_01=widgets.TextInput(attrs={"class":"form-control"})

wid_02=widgets.PasswordInput(attrs={"class":"form-control"})

class UserForm(forms.Form):

    name=forms.CharField(max_length=32,

                         widget=wid_01

                         )

    pwd=forms.CharField(max_length=32,widget=wid_02)

    r_pwd=forms.CharField(max_length=32,widget=wid_02)

    email=forms.EmailField(widget=wid_01)

    tel=forms.CharField(max_length=32,widget=wid_01)

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 HttpResponse("OK")

    form=UserForm()

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

渲染标签功能

精简示例：

渲染标签

方式1

form=UserForm()

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

<p>用户名：{{form.name}}</p>

<p>{{form.name.label}}：{{form.name}}</p>

方式2

{% csrf_token %}

{% for field in form %}

    <div>

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

        {{field}}

    </div>

{% endfor %}

方式3 # 了解，不建议使用

{% csrf_token %}

{{form as_p}}

渲染方式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

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

渲染方式3

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

    {% csrf_token %}

    {{ form.as_p }}

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

</form>

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

精简示例：

渲染错误信息

<p>{{form.name.label}}：{{form.name}}<span>{{form.name.errors.0}}</span></p>

forms组件的参数配置

from django.forms import widgets

name=forms.CharField(min_length=4,label="用户名",error_message={"required":"该字段不能为空"})

pwd=forms.CharField(min_length=4,label="密码",widgets=widgets.PasswordInput(attrs={"class":"form-control"}))

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

视图

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>

局部钩子与全局钩子

精简示例：

钩子

from django.core.exceptions import ValidationError

def clean_name(self):

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

    ret = UserInfo.objects.filter(name=val)

    if not ret:

        return val

    else:

        raise ValidationError("该用户已经注册！")

全局钩子

def clean(self):

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

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

    if pwd and r_pwd: # 都不为空

        if pwd == r_pwd:

            return self.cleaned_data

        else:

            raise ValidationError("俩次密码不一致")

    else:

        return self.cleaned_data

全局错误

print("error",form.errors.get("__all__")[0])

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

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

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

模板

# forms组件

from django.forms import widgets

wid_01=widgets.TextInput(attrs={"class":"form-control"})

wid_02=widgets.PasswordInput(attrs={"class":"form-control"})

from django.core.exceptions import ValidationError

class UserForm(forms.Form):

    name=forms.CharField(max_length=32,

                         widget=wid_01

                         )

    pwd=forms.CharField(max_length=32,widget=wid_02)

    r_pwd=forms.CharField(max_length=32,widget=wid_02)

    email=forms.EmailField(widget=wid_01)

    tel=forms.CharField(max_length=32,widget=wid_01)

    # 局部钩子

    def clean_name(self):

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

        if not val.isdigit():

            return val

        else:

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

    # 全局钩子

    def clean(self):

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

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

        if pwd==r_pwd:

            return self.cleaned_data

        else:

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

def register(request):

    if request.method=="POST":

        form=UserForm(request.POST)

        if form.is_valid():

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

        else:

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

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

                          {% if field.label == 'R pwd' %}

                          <span>{{ clean_error.0 }}</span>

                          {% endif %}

                          {{ field.errors.0 }}

                    </span>

                </div>

            {% endfor %}

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

</form>

django的forms的更多相关文章

  1. Django使用forms来实现评论功能

    貌似Django从版本1.6开始就放弃了对自带的comments的使用,具体原因未查,但是现在使用Django的内部的模块也可以实现评论功能,那就是借助于forms模块,下面是我的一个小例子. 环境准 ...

  2. Django组件-Forms组件

    Django的Forms组件主要有以下几大功能: 页面初始化,生成HTML标签 校验用户数据(显示错误信息) HTML Form提交保留上次提交数据 一.小试牛刀 1.定义Form类 from dja ...

  3. Django组件--forms组件（注册用）

    一.forms组件--校验类的使用 二.form组件--校验类的参数 三.forms组件校验的局部钩子--自定义校验规则(要看源码理解) 四.forms组件校验的全局钩子--校验form表单两次密码输 ...

  4. web框架开发-Django的Forms组件

    校验字段功能 针对一个实例:用户注册. 模型:models.py class UserInfo(models.Model): name=models.CharField(max_length=32) ...

  5. Django的forms表单组件批量设置字段样式

    from django import forms from . import models class UserInfoModelForms(forms.ModelForm): class Meta: ...

  6. django之forms组件

    在django中forms组件有其强大的功能,里面集合和众多的函数和方法:下面来看一下它的源码 """ Form classes """ f ...

  7. django的forms认证组件

    django的forms认证组件 每个网站的注册界面都需要有相应的"认证"功能,比如说认证注册页面的用户名是否已被注册,二次输入的密码是否一致以及认证用户输入的用户名.邮箱.手机号 ...

  8. django学习~forms

    一 简介 今天咱们来聊聊 django强大的表单功能二 Froms作用   1 自动生成HTML表单元素   2 检查表单数据的合法性   3 如果验证错误,重新显示表单(数据不会重置)   4 数据 ...

  9. python 全栈开发，Day78(Django组件-forms组件)

    一.Django组件-forms组件 forms组件 django中的Form组件有以下几个功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显 ...

  10. Django之forms

    Django forms 关于select和checkbox设置初始选中值 Django的forms和models一样很牛逼.他有两种功能,一是生成form表单,还有就是form表单的验证. 这里主要 ...

随机推荐

  1. MAC中安卓开发环境的下载

    今天终于为我的Macbook Pro Retina搭建好了Android开发环境,几经折磨,差点放弃了: 总结如下:1.最好选择ADT Bundle,这里面已经集成好了Eclipse.ADT.Andr ...

  2. 前端开发 —— js 常用工具函数（utilities）

    1. 时间 function getCurTime() { var date = new Date(); return date.toLocaleTimeString(); } date.toLoca ...

  3. jQuery自动完成点击html元素

    /************************************************************************** * jQuery自动完成点击html元素 * 声 ...

  4. [转载]redis持久化的两种操作RDB和AOF

    Redis 持久化: 提供了多种不同级别的持久化方式:一种是RDB,另一种是AOF. RDB 持久化可以在指定的时间间隔内生成数据集的时间点快照(point-in-time snapshot). AO ...

  5. Omar Loves Candies

    题目大意:在一个N * M的格子中,放有一些糖,这些糖有的会损害健康,有的对健康有益.有损害的被记为负数,有益的会记为正数.另外,对于每一个糖而言,他都比左边的糖和上面的糖更健康. 现在我要在在N*M ...

  6. 哈尔滨理工大学第七届程序设计竞赛初赛（BFS多队列顺序）

    哈尔滨理工大学第七届程序设计竞赛初赛https://www.nowcoder.com/acm/contest/28#question D题wa了半天....(真真正正的半天) 其实D题本来就是一个简单 ...

  7. 动态绑定AJAX，获取下级分类并延迟执行

    HTML: <div id='allType'> <div class='allTypeHead'><span>所有分类</span></div& ...

  8. POJ2182 Lost Cows

    题意 Language:Default Lost Cows Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 13448 Accep ...

  9. L5负载均衡

    L5负载均衡组件的功能职责 L5的功能特征如下: 名字服务:以SID(由模块ID和命令字ID组成)为关键字,通过SID取得真正的IP和端口地址,使得IP和端口配置对调用者透明,运维变更配置更方便: 负 ...

  10. day20 python sys os time json pickl 正则

    字符组 : [字符组] 在同一个位置可能出现的各种字符组成了一个字符组,在正则表达式中用[]表示 字符分为很多类,比如数字.字母.标点等等. 假如你现在要求一个位置....9这10个数之一. 量词 几 ...