Django的Form验证

Form验证：Form提交Form表单数据验证

  • 针对Form提交的数据进行验证

    1. 创建模板 class loginForm（）
    2. 请求提交给模板，创建对象 obj=loginForm(request.POST)
    3. 进行验证 obj.is_valid
    4. 获取正确信息 obj.clean()
    5. 获取错误信息 obj.errors

  • 后端返回给前端错误信息

    刷新页面，模板对象内容值丰富（参数），（点击提交）刷新页面后值和报错信息都有

  • 后端自动在前端生成html,保留前端信息

    1. 自动生成html标签
    2. 保留上一次提交的数据

    注：测试时，要打开控制台修改自动生成的邮箱input的type="text"（修改掉高级浏览器的cream）

    <!DOCTYPE html>
    
<html lang="en">
    
<head>
    
    <meta charset="UTF-8">
    
    <title>Title</title>
    
</head>
    
<body>
    
<h1>Django的Form表单验证</h1>
    
<form action="/login/" method="post">
    
<!--    自动生成Html标签，并记录上一次输入的值    -->
    
    <p>用户ID：{{ oo.userID }}
    
    <span>{{ oo.errors.userID.0 }}</span></p>
    
    <p>email：{{ oo.userEmail }}
    
    <span>{{ oo.errors.userEmail.0 }}</span></p>
    
    <p>密码：<input type="text"></p>
    
<!--    动态数据生成
    
    <p>用户ID：<input type="text" name="userID" placeholder="请输入用户ID">
    
    <span>{{ oo.errors.userID.0 }}</span></p>
    
    <p>email：<input type="text" name="userEmail" placeholder="请输入邮箱地址">
    
    <span>{{ oo.errors.userEmail.0 }}</span></p>
    
    <p>密码：<input type="text"></p>  -->
    
    <p><input type="submit" value="提交"></p>
    
</form>
    
</body>
    
</html>
    

    from django.shortcuts import render,redirect
    
from django import forms
    
from django.forms.utils import ErrorList
    
# Create your views here.
    
class loginForm(forms.Form):
    
    userID = forms.CharField(min_length=6,error_messages={"required":"用户ID不能为空",
    
                                                          "min_length":"用户名长度不能小于6"})
    
    userEmail = forms.EmailField(error_messages={"required":"邮箱不能为空","invalid":"邮箱格式错误"})
    
def login(request):
    
    if request.method == "GET":
    
        obj = loginForm()  #默认GET，就不需要添加request.Post参数
    
        #obj = loginForm({"userID":456,"userEmail":789})  #记录的上一次输入的值
    
        return render(request,"login.html",{'oo':obj})
    
    elif request.method == "POST":
    
        obj = loginForm(request.POST)
    
        status = obj.is_valid()
    
        print(status)
    
        if status:
    
            pad = obj.clean()
    
            print(pad)
    
        else:
    
            #error_obj = obj.errors.as_json() #字典形式输出（默认是ul li形式输出）
    
            #error_obj = obj.errors #ul li形式输出
    
            # print(error_obj)
    
            # print(error_obj['userID'],type(error_obj['userID']))
    
            # print(error_obj['userID'][0],type(error_obj['userID'][0]))
    
            # print(error_obj['userEmail'],type(error_obj['userEmail']))
    
            # print(error_obj['userEmail'][0],type(error_obj['userEmail'][0]))
    
            print(obj.errors['userID'][0], type(obj.errors['userID'][0]))
    
            print(obj.errors['userEmail'][0], type(obj.errors['userEmail'][0]))
    
        return render(request,"login.html",{'oo':obj})

Form验证：Ajax提交Form表单数据验证

  • 针对提交数据进行验证
  • 错误信息处理
    1. 两次反序列化：obj.errors.as_json() 默认数据类型str（字符串）
    2. 一次反序列化：obj.errors.as_data() 默认数据类型dict（字典）

注：isinstance() 函数来判断一个对象是否是一个已知的类型，类似 type()。

1.isinstance()与type()区别：

  • type()不会认为子类是一种父类类型不考虑继承关系。

  • isinstance()会认为子类是一种父类类型，考虑继承关系。

    判段两个类型是否相同时要清楚是否需要考虑继承关系，不考虑继承就用type()判断，需要考虑就用isinstance()判断。

2.ValidationError类型的数据在python中不支持json.dumps()序列化，所以需要自定义序列化类型创建cls=...

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="/static/jquery-2.1.4.min.js"></script>

    <style>

    .error-msg{

        color: red;

        font-size: 12px;

    }

    </style>

</head>

<body>

<h1>Django的Form表单验证</h1>

<form id="act">

    <p>用户ID：<input type="text" name="userID" placeholder="请输入用户ID">

    </p>

    <p>email：<input type="text" name="userEmail" placeholder="请输入邮箱地址">

    </p>

    <p>密码：<input type="text"></p>

    <input type="button" id="ajax_button" value="提交">

</form>

<script>

    $(function(){

        $("#ajax_button").click(function(){

            //var userID = $('form input[name="userID"]').val();

            //var userEmail = $('form input[name="userEmail"]').val();

            //var act = $("#act").serialize();

            //console.log(userID,userEmail,act);

            $.ajax({

                url:"/logins/",

                type:"POST",

                data:$('#act').serialize(),

                success:function(arg){

                    $('.error-msg').remove();

                    var v1 = JSON.parse(arg);

                    console.log(v1);

                    if(v1.status){

                        var  error_obj = v1.error;

                        $.each(error_obj,function(k,v){

                             // k: user 或 email

                            // v: [{}{}{},]

                            var tag = document.createElement('span');

                            tag.className = 'error-msg';

                            tag.innerHTML = v[0].message;

                            $("input[name='"+k+"']").after(tag);

                        })

                    }else{

                        location.href = "/logins/"

                    }

                }

            })

        });

    });

</script>

<!--注：$.each(data,function(k,v){})这个方法是jQuery的通用遍历方法，它可以遍历数组、json对象以及dom元

素。遍历数组时，回调函数的第一个参数为遍历的下标，第二个为遍历的值，记作$.each(data,function(i,v){})；-->

</body>

</html>


import json

class loginForm(forms.Form):

    userID = forms.CharField(min_length=6,error_messages={"required":"用户ID不能为空",

                                                          "min_length":"用户名长度不能小于6"})

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

def logins(request):

    if request.method == "GET":

        return render(request,"logins.html")

    elif request.method == "POST":

        ret = {"status":True,"error":None,"data":None}

        obj = loginForm(request.POST)

        if obj.is_valid():

            print(obj.clean())

        else:

            #两次反序列化

            # ret_str = obj.errors.as_json() #ret_str是一个字符串

            # ret["status"] = False

            # ret["error"] = ret_str

            #一次反序列化

            ret["status"] = False

            ret["error"] = obj.errors.as_data() #字典类型

            #print(type(obj.errors.as_data()))

            print(ret["error"])

            #{'userID': [ValidationError(['用户名长度不能小于6'])], 'userEmail': [ValidationError(['邮箱格式错误'])]}

            print(ret["error"]['userID'])

            #[ValidationError(['用户名长度不能小于6'])]

        return HttpResponse(json.dumps(ret,cls=JsonCustomEncoder))

from django.core.validators import ValidationError

class JsonCustomEncoder(json.JSONEncoder):

    def default(self,field):

        if isinstance(field,ValidationError): #判断是否为相同类型

            return {'code':field.code,'message':field.message}

        else:

            return json.JSONEncoder.default(self,field)

Django的Form验证的更多相关文章

  1. Django的Form验证（2）

    Django的Form验证(2) Form的含义及作用: 用于验证用户请求数据合法性的一个组件(校验数据的合法性) Django的Form实现步骤: 创建一个验证用户请求的模板 from django ...

  2. Django中Form验证

    Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 一,Form验证 第一种操作:主要是这三个函数 ...

  3. django 使用form验证用户名和密码

    form验证可以减少查询数据库,所以代码先预先验证,有问题可以返回给前端显示 1.在users文件夹下新建forms.py文件,用来验证用户名和密码是否为空,密码长度是否大于6 # -*- codin ...

  4. django的form验证机制

    今天遇到了一个奇怪的问题,django中formview一直返回200,但是却没有执行form_valid方法,然后在其中加了一个form_invalid方法: class StudentRegist ...

  5. Django之Form验证

    view.py 配置 from django import forms from django.forms import fields # Create your views here. class ...

  6. Python Django的分页，Form验证，中间件

    本节内容 Django的分页 Form 中间件 1 Django 分页 1.1 Django自带的分页 1.首先来看下我的测试数据环境 ############ models.py ######### ...

  7. Django form验证

    # 模版 class LoginForm(forms.Form): # 模版中的元素 user = forms.CharField(min_length=6,error_messages={" ...

  8. [py][mx]django form验证-给db减压

    django form认证-解压db压力 一般系统都需要前后端都验证 前端验证容器逃逸破解,如通过js console口去发 试想如果后端只有db验证,那么前端无论发什么后端都查询一次db,对db压力 ...

  9. Django 博客项目02 Form验证+ 上传头像(预览)+Ajax用户注册

    头像预览 $("#avatar_file").change(function(){ // 获取上传的文件对象 var file=$(this)[0].files[0]; // 读取 ...

随机推荐

  1. Slickflow.Graph 开源工作流引擎快速入门之四: 图形编码建模工具使用手册

    前言: 业务人员绘制流程时,通常使用图形GUI界面交互操作来完成,然而对于需要频繁操作或者管理较多流程的系统管理用户,就需要一款辅助工具,来帮助他们快速完成流程的创建和编辑更新.Slickflow.G ...

  2. 灵魂拷问：为什么 Java 字符串是不可变的？

    在逛 programcreek 的时候,发现了一些精妙绝伦的主题.比如说:为什么 Java 字符串是不可变的?像这类灵魂拷问的主题,非常值得深思. 对于绝大多数的初级程序员来说,往往停留在" ...

  3. P2415 集合求和（一道洛谷好题鸭）（虽然可以水过，但有必研究DP）

    此题坑点: 结果必须要用long long存,int存不下 如果想要像cout<<sum*pow(2,num-1)这样在输出时计算会错:long long在计算过程被隐式转换成了doubl ...

  4. 线程池&进程池

    线程池&进程池 池子解决什么问题? 1.创建/销毁线程伴随着系统开销,如果过于频繁会影响系统运行效率 2.线程并发数量过多,抢占系统资源,从而导致系统阻塞甚至死机 3.能够刚好的控制和管理池子 ...

  5. 管道符和作业控制、shell变量、环境变量配置文件 使用介绍

    第6周第1次课(4月23日) 课程内容: 8.6 管道符和作业控制 8.7/8.8 shell变量8.9 环境变量配置文件扩展bashrc和bash_profile的区别 http://ask.ape ...

  6. python check excel 文件

    Use pip install openpyxl first Every simple example import openpyxl # 打开excel文件,获取工作簿对象 wb = openpyx ...

  7. VMware中linux虚拟机的安装

    打开安装的VMware 15,点击新建虚拟机 2.选择典型即可,点击下一步 3.选择“稍后安装操作系统”,点击下一步 4.选择想安的版本,点击下一步 5.设置虚拟机名称及安装位置(路径必须全英文!) ...

  8. NB-IoT将成为未来5G物联网主流技术

    日前,我国完成了IMT-2020(5G)候选技术方案的完整提交.据悉,在提交的方案中,NB-IoT技术被正式纳入5G候选技术集合,预计2020年6月ITU将正式宣布5G技术方案的诞生.而NB-IoT也 ...

  9. JavaEE基础(02)：Servlet核心API用法详解

    本文源码:GitHub·点这里 || GitEE·点这里 一.核心API简介 1.Servlet执行流程 Servlet是JavaWeb的三大组件之一(Servlet.Filter.Listener) ...

  10. mongodb的部署

    集群mongdb https://www.cnblogs.com/littleatp/p/8563273.html https://www.mongodb.com/download-center/co ...