Django学习系列之Form验证

django表单基础

django表单分类

基于django.forms.Form:所有表单类的父类
基于django.forms.ModelForm:可以和模型类绑定的Form

Form验证流程

定义规则(是一个类)
前端把数据提交过来
匹配规则
判断提交过来的数据是否符合定义的规则
如果匹配返回True,否则返回errors,可以把这个errors返回给前端,让前端显示到指定位置(比如用户名没填写,验证码没填写)

注意:

规则中的字段名必须得等于html中name的值

Form表单方法

form.is_valid():验证表单数据是否合法

form.errors:表单的错误以字典形式返回(如果有多个错误,可以循环这个字典,然后传给前端)

form.clean_data:获取表单数据

form.as_p:将表单渲染成P标签

普通form

实例1:实现用户登录验证,如果用户输入符合规则就跳转,否则报错

定义urls.py

from django.conf.urls import url

from django.contrib import admin

from  app01 import views

urlpatterns = [

    url(r'^admin/', admin.site.urls),

    url(r'^login/', views.login),

]

定义views.py

from django.shortcuts import render,HttpResponse

import json

from django import forms

# Create your views here.

#定义用户输入规则

class LoginForm(forms.Form):

    user = forms.CharField(required=True,error_messages={'required':'用户名不能为空'})

    pwd = forms.CharField(required=True)

def login(request):

    if request.method == 'POST':

        result = {'status': False,'message':None}

        obj = LoginForm(request.POST)           #request.POST是获取用户前端输入内容,例如:<QueryDict: {'pwd': ['1111'], 'user': ['11111'], 'undefined': ['提交']}>

        ret =obj.is_valid()                     #判断用户输入是否符合上面LoginForm定义的规则,如果符合返回True,否则范围False(符合规则就是 比如:不能为空,最大输入字符为10个等等)

        if ret:

            print(obj.clean())                  #obj.clean()方法是获取用户输入内容(例如:{'pwd': '1111', 'user': '11111'})

            result['status'] = True             #如果符合规则置为true

        else:

            print(obj.errors)                   #obj.errors是获取用户输入的错误信息,比如说规则里定义了不能为空,但是用户输入为空了,就会报错(例如:<li>pwd<ul class="errorlist"><li>This field is required.</li></ul>)

            error_str = obj.errors.as_json()    #也可以将错误信息输出为json格式,例如:{"pwd": [{"code": "required", "message": "This field is required."}]}

            print('aaaaaaa',error_str)          #这行没用,用来标记的

            result['message'] = json.loads(error_str)  #如果不符合规则就把错误信息写到字典里(例如:{'status': False,'message':{"pwd": [{"code": "required", "message": "This field is required."}]}})

            print('bbbbbb',result)                     #这行没用,用来做标记的

        return HttpResponse(json.dumps(result))        #最后把result字典传给前端ajax

    return render(request,'login.html')

定义login.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        . error-message {

            color: red;

        }

    </style>

</head>

<body>

    <div>

        <input type="text" name="user"/>

    </div>

    <div>

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

    </div>

    <input type="button" value="提交" onclick="SubmitForm()"/>

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

    <script>

        function SubmitForm() {

            var input_dict = {};

            $('input').each(function () {

                var v = $(this).val();

                var n = $(this).attr('name');

                input_dict[n] = v;

            });

            $.ajax({

                url: '/login/',

                type: 'POST',

                data: input_dict,

                dataType: 'json',

                success: function (callback) {             #后端处理完数据返回数据后执行success这部分函数,callback是形参,意思是接收一个参数(接收的数据格式例如:{'status': False,'message':{'pwd': [{'message': 'This field is required.', 'code': 'required'}]}})

                   if(callback.status){                    #如果status=true就跳转

                        location.href = '/index';

                   }else{                                  #如果status=FALSE

                       $.each(callback.message,function (k,v) {         #callback.message就是{'pwd': [{'message': 'This field is required.', 'code': 'required'}]},然后把key赋值给function的k,把vulue赋值给function的value,key就是pwd,value就是列表里的

                           var tag = document.createElement('span');    #创建一个span标签

                           tag.className = 'error-message';             #给span标签添加样式

                           tag.innerText = v[0].message;                #给span标签赋值,v[0]就获取到字典的value就是{'message': 'This field is required.', 'code': 'required'}. 然后v[0].message在获取value,就是This field is required

                           $('input[name="' + k + '"]').after(tag);     #然后拼接,获取input标签name等于k(这个k就是function传进来的k,这里代表pwd),在后边添加span标签,加个error-message的样式,内容为This field is required

                       })

                   }

                }

            })

        }

    </script>

效果测试

实例2:错误信息自定义

定义urls.py

from django.conf.urls import url

from django.contrib import admin

from  app01 import views

urlpatterns = [

    url(r'^admin/', admin.site.urls),

    url(r'^login/', views.login),

]

定义views.py

from django.shortcuts import render,HttpResponse

import json

from django import forms

# Create your views here.

#定义用户输入规则

class LoginForm(forms.Form):

    user = forms.CharField(required=True,error_messages={'required':'用户名不能为空'})

    pwd = forms.CharField(required=True,min_length=6,max_length=10,

                          error_messages={'required':'密码不能为空',

                                          'min_length':'最少输入6位',

                                          'max_length':'最多输入10位'}

                          )

def login(request):

    if request.method == 'POST':

        result = {'status': False,'message':None}

        obj = LoginForm(request.POST)           #request.POST是获取用户前端输入内容,例如:<QueryDict: {'pwd': ['1111'], 'user': ['11111'], 'undefined': ['提交']}>

        ret =obj.is_valid()                     #判断用户输入是否符合上面LoginForm定义的规则,如果符合返回True,否则范围False(符合规则就是 比如:不能为空,最大输入字符为10个等等)

        if ret:

            print(obj.clean())                  #obj.clean()方法是获取用户输入内容(例如:{'pwd': '1111', 'user': '11111'})

            result['status'] = True             #如果符合规则置为true

        else:

            print(obj.errors)                   #obj.errors是获取用户输入的错误信息,比如说规则里定义了不能为空,但是用户输入为空了,就会报错(例如:<li>pwd<ul class="errorlist"><li>This field is required.</li></ul>)

            error_str = obj.errors.as_json()    #也可以将错误信息输出为json格式,例如:{"pwd": [{"code": "required", "message": "This field is required."}]}

            print('aaaaaaa',error_str)          #这行没用,用来标记的

            result['message'] = json.loads(error_str)  #如果不符合规则就把错误信息写到字典里(例如:{'status': False,'message':{"pwd": [{"code": "required", "message": "This field is required."}]}})

            print('bbbbbb',result)                     #这行没用,用来做标记的

        return HttpResponse(json.dumps(result))        #最后把result字典传给前端ajax

    return render(request,'login.html')

定义login.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        . error-message {

            color: red;

        }

    </style>

</head>

<body>

    <div>

        <input type="text" name="user"/>

    </div>

    <div>

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

    </div>

    <input type="button" value="提交" onclick="SubmitForm()"/>

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

    <script>

        function SubmitForm() {

            var input_dict = {};

            $('input').each(function () {

                var v = $(this).val();

                var n = $(this).attr('name');

                input_dict[n] = v;

            });

            $.ajax({

                url: '/login/',

                type: 'POST',

                data: input_dict,

                dataType: 'json',

                success: function (callback) {             #后端处理完数据返回数据后执行success这部分函数,callback是形参,意思是接收一个参数(接收的数据格式例如:{'status': False,'message':{'pwd': [{'message': 'This field is required.', 'code': 'required'}]}})

                   if(callback.status){                    #如果status=true就跳转

                        location.href = '/index';

                   }else{                                  #如果status=FALSE

                       $.each(callback.message,function (k,v) {         #callback.message就是{'pwd': [{'message': 'This field is required.', 'code': 'required'}]},然后把key赋值给function的k,把vulue赋值给function的value,key就是pwd,value就是列表里的

                           var tag = document.createElement('span');    #创建一个span标签

                           tag.className = 'error-message';             #给span标签添加样式

                           tag.innerText = v[0].message;                #给span标签赋值,v[0]就获取到字典的value就是{'message': 'This field is required.', 'code': 'required'}. 然后v[0].message在获取value,就是This field is required

                           $('input[name="' + k + '"]').after(tag);     #然后拼接,获取input标签name等于k(这个k就是function传进来的k,这里代表pwd),在后边添加span标签,加个error-message的样式,内容为This field is required

                       })

                   }

                }

            })

        }

    </script>

测试

ModelForm

有时候表单form字段和model字段是一一对应的,因此分别定义form类model类比较麻烦,modelform就是根据model的字段生成form字段

实例一:modelForm验证

定义models.py

class userAsk(models.Model):

    '''用户咨询,页面中间部分  我要学习 表单提交'''

    name = models.CharField(max_length=,verbose_name='姓名')

    mobile = models.CharField(max_length=,verbose_name='手机')

    course_name = models.CharField(max_length=,verbose_name='课程名称')

    add_time = models.DateTimeField(default=datetime.now,verbose_name='添加时间')

    class Meta:

        verbose_name = '用户咨询'

        verbose_name_plural = '用户咨询'

定义forms.py

from django import forms

from operation.models import userAsk

import re

class UserAskForm(forms.ModelForm):

    class Meta:

        model = userAsk

        fields = ['name','mobile','course_name']

    def clean_mobile(self): #自定义mobile字段的验证,必须得这么写(定义name字段就是clean_name)

        #获取mobile字段内容

        mobile = self.cleaned_data['mobile']

        #定义验证规则

        p = re.compile('^0\d{2,3}\d{7,8}$|^1[358]\d{9}$|^147\d{8}')

        #把获取到的mobile字段进行验证

        #如果验证通过

        if p.match(mobile):

            # 这里还能返回外键

            return mobile

        #如果验证失败,这个错误信息可以通过.errors获取

        else:

            raise forms.ValidationError('mobile error', code='mobile_inval')

定义views.py

from .forms import *

import json

class AddUserAsk(View):

    def post(self,request):

        ret = {'status':False,'msg':None}

        user_ask_form = UserAskForm(request.POST)

        if user_ask_form.is_valid():

            user_ask_form.save(commit=True)

            ret['status'] = True

            return HttpResponse(json.dumps(ret),content_type="application/json")

        else:

            ret['status'] = False

            ret['msg'] = '请确认信息填写正确'

            return HttpResponse(json.dumps(ret),content_type="application/json")

定义html

<div class="right companyright">

                <div class="head">我要学习</div>

                <form class="rightform" id="jsStayForm">

                    <div>

                        <img src="{% static 'images/rightform1.png' %}"/>

                        <input type="text" name="name" id="companyName" placeholder="名字" maxlength="" />

                    </div>

                    <div>

                        <img src="{% static 'images/rightform2.png' %}"/>

                        <input type="text" name="mobile" id="companyMobile" placeholder="联系电话"/>

                    </div>

                    <div>

                        <img src="{% static 'images/rightform3.png' %}"/>

                        <input type="text" name="course_name" id="companyAddress" placeholder="课程名" maxlength="" />

                    </div>

                    <p class="error company-tips" id="jsCompanyTips"></p>

                    <input class="btn" type="button" value="立即咨询" onclick="SubmitForm()"/>

                    {% csrf_token %}

                </form>

            </div>

 <script>

    function SubmitForm() {

        $.ajax({

            type: 'POST',

            url: "{% url 'org:add_ask' %}",

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

            success: function (callback) {

                    if (callback['status']) {

                        alert('提交成功')

                    } else {

                        $('#jsCompanyTips').html(callback['msg'])

                    }

                }

        })

    }

    </script>

Django学习系列之Form验证的更多相关文章

Django学习系列之Form基础
Django学习系列之Form基础 2015-05-15 07:14:57 标签:form django 原创作品,允许转载,转载时请务必以超链接形式标明文章原始出处 .作者信息和本声明.否则将追 ...
Django学习系列之Form表单结合ajax
Forms结合ajax Forms的验证流程: 定义用户输入规则的类,字段的值必须等于html中name属性的值(pwd= forms.CharField(required=True)=<i ...
Python Django的分页，Form验证，中间件
本节内容 Django的分页 Form 中间件 1 Django 分页 1.1 Django自带的分页 1.首先来看下我的测试数据环境 ############ models.py ######### ...
Django 进阶篇之 Form验证
Django Form验证在实际的生产环境中比如登录和验证的时候,我们一般都使用Jquery+ajax来判断用户的输入是否为空,假如JS被禁用的话,咱们这个认证屏障是不是就消失了呢?(虽然一般不会禁 ...
Django学习系列6：使用selenium测试用户交互
学习系列5中的单元测试有报错信息,这儿来编写functional_tests.py文件,扩充其中的功能测试 # File: functional_test.py # Author: Rxf # Cre ...
Django学习系列之重写User模型和登录验证
重写User模型 Django内置的User模型可能不适合某些项目,我们可能要基于内置的添加一些字段创建users app startapp users 修改settings.py配置文件,覆盖默认 ...
SpringMVC学习系列- 表单验证
本篇我们来学习Spring MVC表单标签的使用,借助于Spring MVC提供的表单标签可以让我们在视图上展示WebModel中的数据更加轻松. 一.首先我们先做一个简单了例子来对Spring MV ...
django学习系列——python和php对比
python 和 php 我都是使用过,这里不想做一个非常理性的分析,只是根据自己的经验谈一下感想. 在web开发方面,无疑 php 更甚一筹. 从某种角度来说,php 就是专门为 web 定制的语言 ...
Django学习系列之captcha 验证码插件
安装部署安装captcha pip3. install django-simple-captcha== settings.py中引入captcha INSTALLED_APPS = [ 'djang ...

随机推荐

基于C++11的call wrapper
要在C++中应用AOP,不像在其他的基于解释器的语言中那么方便,作为一种静态语言,如果给函数或者类的方法造一个wrapper,在wrapper里面嵌入调用前的代码和调用后的代码,也能达到一定程度的代码 ...
MongoDB入门解析
刚开始学习mongodb,对笔记做了一个整理.是基于nodejs来学习的. 1.mongodb介绍 mongodb 是C++语言编写的,是一个基于分布式文件存储的开源数据库系统. 在高负载的情况下,添 ...
迅为电子HMI人机界面|CAN总线触摸屏
本文转自迅为:http://www.topeet.com 协议特色: 1. 支持所有 CAN 协议,例如常用的 J1939 和 CANopen 协议. 2. 提供高度开放的 CAN 帧的编辑界面,用户 ...
Axis1.4框架实现webservice服务器和客户端
一:软件环境 win7旗舰版, Eclipse,JDK1.6,tomcat6.0,Axis1.4的包. 至于Axis1.4包网上可以下载,如果是在找不到可以留言给我. 二:摘要将解压后的 axis- ...
JavaSE-12 面向对象程序设计的几条基础原则
摘取代码中变化的行为,形成接口在设计基类的时候,如果该类某个成员方法在子类中的实现变化差别比较大(一部分子类实现该方法是相同的),作为基类有两个问题:一是该方法不再通用:二是子类如果重写该方法,存在 ...
tensorflow ConfigProto
tf.ConfigProto一般用在创建session的时候.用来对session进行参数配置 with tf.Session(config = tf.ConfigProto(...),...)#tf ...
NOIp模拟赛西行妖下
题目描述: 给出一棵n个节点的树,每个点初始m值为1. 你有三种操作: 1.Add l r k ,将l到r路径上所有点m值加k. 2.Multi l r k ,将l到r路径上所有点m值乘k. 3.Qu ...
Java设计模式之策略模式（Strategy Pattern）
简介策略模式定义了算法族,分别封装起来,让它们之间可以互相替换,此模式让算法的变化独立于使用算法的客户. 组成 1.抽象策略角色(Strategy): 策略类,通常由一个接口或者抽象类实现. 2.具 ...
[Python3网络爬虫开发实战] 3.1-使用urllib
在Python 2中,有urllib和urllib2两个库来实现请求的发送.而在Python 3中,已经不存在urllib2这个库了,统一为urllib,其官方文档链接为:https://docs.p ...
第十七节：Scrapy爬虫框架之item.py文件以及spider中使用item
Scrapy原理图: item位于原理图的最左边 item.py文件是报存爬取数据的容器,他使用的方法和字典很相似,但是相比字典item多了额外的保护机制,可以避免拼写错误或者定义错误. 1.创建it ...

Django学习系列之Form验证

django表单基础

普通form

ModelForm

Django学习系列之Form验证的更多相关文章

随机推荐

热门专题