Forms组件的使用

在html表单验证中，需要通过各种信息的验证，比如注册界面的姓名、密码、邮箱、电话等的验证，是否符合定义好的规则，不可能每次都要取出对应的字段一一判断，django内置了Forms组件，可以方便的在HTML中进行校验等信息设置

1.Forms组件的作用

1.数据校验

2.渲染页面

3.渲染错误信息

4.使用局部或者全局的钩子函数

5.设置CSS样式

2.Forms组件的使用

  • 1.导入froms模块 from django import forms
  • 2.定义一个类继承自forms.Form,编写校验的字段,该字段就是html页面上提交数据上传的字段
class RegisterForms(Form):

    # 添加的字段类型中的属性，每个子类都继承自field，

    #field中对应的属性和释义

    #required=True,               是否是必须验证,默认为True

    #widget=None,                 HTML插件，添加类名，设置placeholder等等

    #label=None,                  用于生成Label标签或显示内容

    #initial=None,                初始值

    #help_text='',                帮助信息(在标签旁边显示)

    #error_messages=None,         错误信息 {'required': '不能为空', 'invalid': '格式错误'}

    #validators=[],               自定义验证规则

    #localize=False,              是否支持本地化

    #disabled=False,              是否可以编辑

    #label_suffix=None            Label内容后缀

    name = forms.CharField(min_length=3,max_length=8,

                           label="用户名",

                           error_messages={'min_length':'用户名最少为3位',

                                           'max_length':'用户名最多8位',

                                           'required':'名称不能为空'})

    pwd = forms.CharField(min_length=6, max_length=20,

                          label='请输入密码',

                          error_messages={'min_length':'密码最少为6位',

                                          'max_length':'密码最多20位',

                                          'required':'密码不能为空'})

    re_pwd = forms.CharField(min_length=6, max_length=20,

                             label='请确认密码',

                             error_messages={'min_length':'密码最少为6位',

                                             'max_length':'密码最多20位',

                                             'required':'密码不能为空'})

    phone = forms.CharField(label="请输入手机号码",

                            error_messages={'placerholder': '请输入手机号码'})

    email = forms.EmailField(label='请输入邮箱',required=False,

                             error_messages={'invalid':'邮箱格式不合法',

                                             'max_length':'密码最多20位'})

# 对于多传的字段不会出错，cleaned_data中不包含多传的字段

# 少传的字段会报错，相当于对应的字段没有值
  • 3.在对应的views视图中进行校验,
def form_index(request):

    post_forms = RegisterForms()

    error = ''

    if request.method == 'POST':

        post_forms = RegisterForms(request.POST)

        # 4 调用forms的is_valid方法，完成校验，is_valid返回true或者false

        if post_forms():

            register = post_forms.cleaned_data

            print(register)

            return HttpResponse('注册成功')

        else:

            from django.forms.utils import ErrorDict

            # 获取全局的error信息,只显示第一个

            if post_forms.errors.get('__all__'):

                error = post_forms.errors.get('__all__')[0]

    return render(request, 'FormsTest/forms_index.html',locals())
  • 4.通过模板渲染,渲染模板有如下几种方式，具体使用如下
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>forms登录</title>

    {% load static %}

    <link rel="stylesheet" href="{% static 'bootstrap-3.3.7-dist/css/bootstrap.min.css' %}">

    <script src="{% static 'jquery-3.3.1.js' %}"></script>

    <style>

        .edit-author{

            margin: 100px 300px;

        }

        .errorinfo{

            color: red;

            font-size: 15px;

            padding-left: 15px;

        }

    </style>

</head>

<body>

<div class="edit-author">

{#    <form action="" method="post">#}

{#        {% csrf_token %}#}

{#        <div class="form-group">#}

{#            <label for="exampleInputEmail1">用户名</label>#}

{#            <input type="text" name="name" class="form-control" placeholder="请输入用户名" >#}

{#        </div>#}

{#        <div class="form-group">#}

{#            <label for="exampleInputPassword1">密码</label>#}

{#            <input type="password" name="pwd" class="form-control" placeholder="请输入密码">#}

{#        </div>#}

{#        <div class="form-group">#}

{#            <label for="exampleInputPassword1">确认密码</label>#}

{#            <input type="password" name="re_pwd" class="form-control" placeholder="请确认密码">#}

{#        </div>#}

{#        <div class="form-group">#}

{#            <label for="exampleInputPassword1">邮箱</label>#}

{#            <input type="email" name="email" class="form-control" placeholder="请输入邮箱">#}

{#        </div>#}

{##}

{#        <button type="submit" id="clickBtn" class="btn btn-default submit-button">注册</button>#}

{#        <span id="error"></span>#}

{#    </form>#}

{#    forms渲染页面第一种方式#}

{#    <form action="" method="post">#}

{#        {% csrf_token %}#}

{#        <div class="form-group">#}

{#            <label for="exampleInputEmail1">用户名</label>#}

{#            {{ post_forms.name }}#}

{#        </div>#}

{#        <div class="form-group">#}

{#            <label for="exampleInputPassword1">密码</label>#}

{#            {{ post_forms.pwd }}#}

{#        </div>#}

{#        <div class="form-group">#}

{#            <label for="exampleInputPassword1">确认密码</label>#}

{#            {{ post_forms.re_pwd }}#}

{#        </div>#}

{#        <div class="form-group">#}

{#            <label for="exampleInputPassword1">邮箱</label>#}

{#            {{ post_forms.email }}#}

{#        </div>#}

{#        <button type="submit" id="clickBtn" class="btn btn-default submit-button">注册</button>#}

{#    </form>#}

    {#    forms渲染页面第二种方式，推荐使用#}

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

        {% csrf_token %}

        {% for foo in reg_forms %}

            <div class="form-group">

                {# errors是一个列表，一般取第一个就可以了，这样不会换行处理#}

                <label for="exampleInputEmail1">{{ foo.label }}</label>

                <span class="errorinfo"> {{ foo.errors.0 }}</span>

                {{ foo }}

            </div>

        {% endfor %}

        <button type="submit" id="clickBtn" class="btn btn-default submit-button">注册</button>

        <span class="errorinfo">{{ error }} </span>

    </form>

{#    forms渲染页面第二种方式,不推荐使用#}

{#    <form action="" method="post">#}

{#        {% csrf_token %}#}

{#        {{ post_forms.as_p }}#}

{#        {{ post_forms.as_ul }}#}

{#        {{ post_forms.as_table }}#}

{#        <button type="submit" id="clickBtn" class="btn btn-default submit-button">注册</button>#}

{#    </form>#}

</div>

</body>

</html>

  • 5.上面只是实现了部分的校验，而且展示的样式需要手动渲染，我们可以在定义模型的时候直接设置好对应的css展示样式和自定义校验规则，比如电话号码的正则校验等等
#导入widgets模块，设置css的展示样式

from django.forms import widgets

#接下来修改对应的name，pwd，phone等字段，添加新属性，如下添加了占位符和类名这个时候的登录界面就和上面的一样

name = forms.CharField(min_length=3,max_length=8,

                           label="用户名",

                           widget=widgets.TextInput(attrs={'class': 'form-control',

                                                            'placeholder': '请输入名称(3-8字符)'}),

                           error_messages={'min_length':'用户名最少为3位',

                                           'max_length':'用户名最多8位',

                                           'required':'名称不能为空'})

    pwd = forms.CharField(min_length=6, max_length=20,

                          label='请输入密码',

                          widget=widgets.PasswordInput(attrs={'class':'form-control',

                                                              'placeholder':'请输入密码(6-20字符)'}),

                          error_messages={'min_length':'密码最少为6位',

                                          'max_length':'密码最多20位',

                                          'required':'密码不能为空'})

    re_pwd = forms.CharField(min_length=6, max_length=20,

                             label='请确认密码',

                             widget=widgets.PasswordInput(attrs={'class': 'form-control',

                                                                 'placeholder': '请确认密码'}),

                             error_messages={'min_length':'密码最少为6位',

                                             'max_length':'密码最多20位',

                                             'required':'密码不能为空'})

    phone = forms.CharField(label="请输入手机号码",

                            widget=widgets.TextInput(attrs={'class': 'form-control',

                                                            'placeholder': '请输入手机号码'}),

                            error_messages={'placerholder': '请输入手机号码'})

    email = forms.EmailField(label='请输入邮箱',required=False,

                             widget=widgets.TextInput(attrs={'class': 'form-control',

                                                             'placeholder': '请输入邮箱'}),

                             error_messages={'invalid':'邮箱格式不合法',

                                             'max_length':'密码最多20位'})
  • 6.自定义校验规则，有时django自带的校验并不能满足我们所有的需求，比如校验密码输入，不能用特殊字符，手机号码格式定义正则等，这就需要我们自定义规则
#自定义校验规则

def mobile_validate(value):

    mobile_re = re.compile(r'^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$')

    if not mobile_re.match(value):

        raise ValidationError('手机号码格式错误')

#在定义字段的时候添加校验规则,校验规则传入的是一个列表，可以有多个校验规则

phone = forms.CharField(label="请输入手机号码",

                            validators=[mobile_validate,],

                            widget=widgets.TextInput(attrs={'class': 'form-control',

                                                            'placeholder': '请输入手机号码'}),

                            error_messages={'placerholder': '请输入手机号码'})
  • 7.自定义钩子，实现自定义的错误提示和校验规则,
#Django中钩子分为局部钩子和全局钩子，

# 局部钩子函数(某个字段，自定义的规则，数据库是否存在，以什么开头)

# 方法名必须为:clean_字段名

def clean_name(self):

    #获取到当前对象，是cleaned_data之后的数据

    name = self.cleaned_data.get('name')

    if name.startswith('sb'):

        #以sb开头了返回错误信息,禁止使用sb开头的用户名

        raise ValidationError('不能以sb开头')

    # 数据库中查询有没有这个名称

    user = models.UserInfo.objects.filter(username=name).first()

    if user:

        raise ValidationError('用户名已存在')

    return name

#全局钩子，方法名必须是clean

#校验两次密码是否相同等，

def clean(self):

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

    re_pwd = self.cleaned_data.get('re_pwd')

    if pwd == re_pwd:

        return self.cleaned_data

    else:

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

3.最后实现的效果如下图

Django--Forms组件使用的更多相关文章

  1. Django forms组件里的ChoiceField、ModelChoiceField和ModelMutipleChoiceField的区别

    阅读简要 首先我们要明白Django forms组件里的ChoiceField.ModelChoiceField和ModelMutipleChoiceField是继承关系 ChoiceField 1. ...

  2. python django(forms组件)

    forms组件最大的作用,就是做数据校验. 普通做法,一个一个写校验规则,没有解耦.校验规则,都在视图函数里面. 网页校验 修改urls.py,增加路径addbook from app01 impor ...

  3. django ---forms组件

    forms组件 本文目录 1 校验字段功能 2 渲染标签功能 3 渲染错误信息功能 4 组件的参数配置 5 局部钩子 6 全局钩子 回到目录 1 校验字段功能 针对一个实例:注册用户讲解. 模型:mo ...

  4. Django forms组件与钩子函数

    目录 一.多对多的三种创建方式 1. 全自动 2. 纯手撸(了解) 3. 半自动(强烈推荐) 二.forms组件 1. 如何使用forms组件 2. 使用forms组件校验数据 3. 使用forms组 ...

  5. Django forms组件的校验

    引入: from django import forms 使用方法:定义规则,例: class UserForm(forms.Form): name=forms.CharField(max_lengt ...

  6. Django学习之八：forms组件【对form舒心了】

    目录 Django forms组件 bound and unbound form instance forms渲染有关 隐藏一个字段,不渲染它 form 校验 form类 ModelForm 利用Mo ...

  7. Django-多对多关系的三种创建方式-forms组件使用-cookie与session-08

    目录 表模型类多对多关系的三种创建方式 django forms 组件 登录功能手写推理过程 整段代码可以放过来 forms 组件使用 forms 后端定义规则并校验结果 forms 前端渲染标签组件 ...

  8. Django组件-Forms组件

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

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

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

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

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

随机推荐

  1. Redirecting to /bin/systemctl restart mysql. service Failed to restart mysql.service: Unit not found.

    使用如下命令操作mysql即可: systemctl restart mysqld.service systemctl start mysqld.service systemctl stop mysq ...

  2. 第五周作业—N42-虚怀若谷

    一.查找/etc目录下大于1M且类型为普通文件的所有文件 [root@centos7 ~]# find /etc -type f -size +1M -exec ls -lh {} \; -r--r- ...

  3. Django ormmodel模型字段参考文章

    Model 字段参考 (Model field reference)¶ 本文档包含所有 字段选项 (field options) 的内部细节和 Django 已经提供的 field types . 参 ...

  4. 最佳实践 | 数据库迁云解决方案选型 & 流程全解析

    Oracle是非常强大的综合数据库,但同时也存在一些劣势,比如由于采用集中式架构,无法很好地实现横向扩展,并且其稳定性依赖于硬件.出于架构升级.降低成本和云化等需求,越来越多的企业需要“去Oracle ...

  5. 用java实现文件的断点续传并发下载

    需求: 支持文件批量下载.现在有很多小图片需要批量下载,不希望在服务器打包下载. 支持大文件断点下载.比如下载10G的文件. PC端全平台支持.Windows,macOS,Linux 全浏览器支持.i ...

  6. 使用PHPExcel操作Excel用法实例分析

    本文实例分析了使用PHPExcel操作Excel用法.分享给大家供大家参考.具体分析如下: PHPExcel下载地址:http://www.codeplex.com/PHPExcel http://w ...

  7. php常见五种设计模式

    php面向对象基础知识 请点击查看 一.常见的设计模式主要有23种,根据使用目标的不同可以分为以下三大类:创建设计模式.结构设计模式.行为模式创建设计模式: (5种)用于创建对象时的设计模式.初始化对 ...

  8. Hadoop学习之路（二）HDFS基础

    1.HDFS前言 HDFS:Hadoop Distributed File System,Hadoop分布式文件系统,主要用来解决海量数据的存储问题. 设计思想 分散均匀存储 dfs.blocksiz ...

  9. PHP的重载-使用魔术方法实现

    摘录PHP官网对PHP重载的解释: PHP所提供的"重载"(overloading)是指动态地"创建"类属性和方法.我们是通过魔术方法(magic method ...

  10. Gym 100917F Find the Length

    题目链接:http://codeforces.com/gym/100917/problem/F ---------------------------------------------------- ...