3.django笔记之form表单

作者：刘耀

瞎copy伸手党我在诅咒你。

Django的form的作用：

1、生成html标签

2、用来做用户提交的验证

3、可以和models一起使用（modelform）

一、form基础

工程和app创建步骤省略

1.在app下面创建forms.py （用于放置所有form结构）

内容如下：

#!/usr/bin/env python3

#coding:utf8

from django import forms #导入django的forms

class UserInfo(forms.Form):	#创建一个类 继承form方法

	 user = forms.CharField()

	 password = forms.CharField()

	 email = forms.EmailField(required=False)

	 #required是否可以为空,如果为False说明可以为空

	 mobile = forms.CharField()

2.在views里创建函数

from django.shortcuts import render,HttpResponse

# Create your views here.

from crm import forms #导入form

def index(request):

	obj = forms.UserInfo() 	#创建对象

	return render(request,'index.html',{'obj':obj})	#将对象传入

3.创建访问url

url(r'^$',views.index),

4.创建index页面

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

<form action="" method="post">{% csrf_token %}

<h1>用户名：{{ obj.user }}</h1>

<h1>密码：{{ obj.password }}</h1>

<h1>邮箱：{{ obj.email }}</h1>

<h1>手机号：{{ obj.mobile }}</h1>

<input type="submit" value="submit"/>

</form>

</body>

</html>

5.访问测试

自己测试吧。哈哈哈哈哈哈哈哈哈哈哈。

以上只是简单的生成页面而已，下面让你瞅瞅如何接收验证form提交给后台的内容

只要修改views里的index函数就可以

from django.shortcuts import render,HttpResponse

# Create your views here.

from crm import forms

def index(request):

	obj = forms.UserInfo()

	if request.method == 'POST':

		#将post过来的数据交给userinfo这个类处理之后把结果封装到user_obj

	    user_obj = forms.UserInfo(request.POST)

	    print(user_obj.is_valid())

	    #[结果是：True or False]

	    #----------------------------

	    #is_vaild返回是True或者flase

	    #通过is_valid()来判断用户输入是否合法！

	    # 如果不合法就把返回信息发送过去，如果合法获取数据操作即可！

	    #捕获错误信息并返回（来自罗天帅）

	    if user_obj.is_valid():

	        #获取前端提交的数据

	        print(user_obj.clean())

	    #结果[{'email': 'LIUYAO@qq.com', 'mobile': '110', 'password': 'WOSHIDASAHBI', 'user': 'LIUYAO'}]

    	else:

        	#如果返回false那么肯定是错误提交

        	user_error = user_obj.errors

        	#打印错误信息

        	print (user_error)

        	#错误信息应该是一个html页面

        	#<ul class="errorlist"><li>mobile<ul class="errorlist">

        	# <li>This field is required.</li></ul></li><

        	# li>password<ul class="errorlist"><li>This field is required.</li>

        	# </ul></li><li>user<ul class="errorlist"><li>This field is required.</li>

        	# </ul></li></ul>

        	#把错误信息返回给前端页面

        	return render(request,'index.html',{'obj':obj,'user_error':user_error})

	return render(request,'index.html',{'obj':obj})

几个方法如下

#创建对象

obj = forms.UserInfo()

#获取post数据

user_obj = forms.UserInfo(request.POST)

#验证数据

print(user_obj.is_valid())

#打印前端传过来的具体数据值

print(user_obj.clean())

#获取错误信息

user_error = user_obj.errors

二、form定制化

1.自定义报错内容：

使用error_messages={'required':'自定义内容'}

修改forms文件如下:

from django import forms

class UserInfo(forms.Form):

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

    password = forms.CharField(error_messages={'required':'密码不能为空'})

    email = forms.EmailField(required=False) #required是否可以为空,如果为False说明可以为空

    mobile = forms.CharField(error_messages={'required':'手机号不能为空'})

测试访问

2.给表单添加css属性和默认显示

#!/usr/bin/env python3

#coding:utf8

from django import forms

class UserInfo(forms.Form):

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

	password = forms.CharField(error_messages={'required':'密码不能为空'})

 	email = forms.EmailField(required=False) #required是否可以为空,如果为False说明可以为空

 	mobile = forms.CharField(error_messages={'required':'手机号不能为空'},

                          widget=forms.TextInput(attrs={'class':'form-control','placeholder':u'手机号码'})

 )

方法：

widget=forms.TextInput(attrs={'class':'form-control','placeholder':u'手机号码'})

index页面加上一个style

<style>

    .form-control{

     background-color:crimson;

    }

</style>

测试访问：

三、自定义验证

当前端js被禁用的时候，那么提交的时候，就不能判断输入的合法性等等

所以要在后端也加上一个验证，如果不通过刷新显示。

一个简单的用户注册案例：

修改forms.py如下

#!/usr/bin/env python3

#coding:utf8

import re

from django import forms

from django.core.exceptions import ValidationError

#定义一个用于验证手机号是否合法的函数

def PhoneValidate(value):

	#正则匹配

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

	if not phone_re.match(value):

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

class UserInfo(forms.Form):

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

	password = forms.CharField(error_messages={'required':'密码不能为空'})

	email = forms.EmailField(required=False) #required是否可以为空,如果为False说明可以为空

#使用validators可以调用自己自定义的方法

phone = forms.CharField(validators=[PhoneValidate,],

                        error_messages={'required':'手机号不能为空'},

                widget=forms.TextInput(attrs={'class':'form-control','placeholder':u'手机号码'}),

                )

index页面

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>Title</title>

	<style>

	    .form-control{

	     background-color:crimson;

	    }

	</style>

</head>

<body>

<form action="" method="post">{% csrf_token %}

	<h1>用户名：{{ obj.user }}<h5>{{ user_error.user }}</h5></h1>

	<h1>密码：{{ obj.password }}<h5>{{ user_error.password }}</h5></h1>

	<h1>邮箱：{{ obj.email }}<h5>{{ user_error.email }}</h5></h1>

	<h1>手机号：{{ obj.phone }}<h5>{{ user_error.phone }}</h5></h1>

<input type="submit" value="注册"/>

</form>

</body>

</html>

访问如下：

四、生成select标签

#!/usr/bin/env python3

#coding:utf8

import re

from django import forms

from django.core.exceptions import ValidationError

#定义一个用于验证手机号是否合法的函数

def PhoneValidate(value):

	#正则匹配

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

	if not phone_re.match(value):

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

class UserInfo(forms.Form):

    vip_type = (

    (0, u'普通用户'),

        (1, u'高级用户'),)

    vip = forms.CharField(widget=forms.widgets.Select(choices=vip_type,attrs={'class':'form-control'}),

                    )

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

    password = forms.CharField(error_messages={'required':'密码不能为空'})

    email = forms.EmailField(required=False) #required是否可以为空,如果为False说明可以为空

    phone = forms.CharField(validators=[PhoneValidate,],

                        error_messages={'required':'手机号不能为空'},

                widget=forms.TextInput(attrs={'class':'form-control','placeholder':u'手机号码'}),

                )

index页面

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

<style>

    .form-control{

     background-color:crimson;

    }

</style>

</head>

<body>

<form action="" method="post">{% csrf_token %}

<h1>会员级别：{{ obj.vip }}<h5>{{ user_error.vip }}</h5></h1>

<h1>用户名：{{ obj.user }}<h5>{{ user_error.user }}</h5></h1>

<h1>密码：{{ obj.password }}<h5>{{ user_error.password }}</h5></h1>

<h1>邮箱：{{ obj.email }}<h5>{{ user_error.email }}</h5></h1>

<h1>手机号：{{ obj.phone }}<h5>{{ user_error.phone }}</h5></h1>

<input type="submit" value="注册"/>

</form>

</body>

</html>

测试访问:

就先这么写吧

参考：

http://www.cnblogs.com/luotianshuai

http://www.cnblogs.com/alex3714/

http://www.cnblogs.com/wupeiqi/

官方文档：

https://docs.djangoproject.com/en/1.9/topics/forms/

3.django笔记之form表单的更多相关文章

Django组件之Form表单
一.Django中的Form表单介绍我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要对用户的输入 ...
第三百一十一节，Django框架，Form表单验证
第三百一十一节,Django框架,Form表单验证表单提交 html <!DOCTYPE html> <html lang="en"> <head& ...
Django框架之 Form表单和Ajax上传文件
Django框架之 Form表单和Ajax上传文件浏览目录 Form表单上传文件 Ajax上传文件伪造Ajax上传文件 Form表单上传文件 html 1 2 3 4 5 6 7 <h3& ...
Django中的Form表单
Django中已经定义好了form类,可以很容易的使用Django生成一个表单. 一.利用Django生成一个表单: 1.在应用下创建一个forms文件,用于存放form表单.然后在forms中实例华 ...
Django中的Form表单验证
回忆一下Form表单验证的逻辑: 前端有若干个input输入框,将用户输入内容,以字典传递给后端. 后端预先存在一个Form表单验证的基类,封装了一个检测用户输入是否全部通过的方法.该方法会先定义好错 ...
Django 中的Form表单认证
一.Form表单 1.1 Form的几个功能验证用户数据(显示错误信息) 初始化页面显示内容 HTML Form提交保留上次提交数据生成HTML标签 1.2 创建表单类Form 1. 创建 ...
the django travel three[form表单验证]
一:表单验证: 场景:因为浏览器的js可以被禁用,所以需要做后台的输入合法的验证. A:ajax发请求.需要注意的是ajax POST的数据的key值和form表单的里的字段名字一致,否则得不到验证! ...
Django基础之Form表单验证
Form表单验证 1.创建Form类(本质就是正则表达式的集合) from django.forms import Form from django.forms import fields from ...
Django获取用户form表单
首先创建一个Django 的工程项目前面我们说过了,那到一个项目首先把模板路径,和静态路径在settings.py设置好以后,在开始写代码,写代码也要按照我们以前说的那个工程目录结构写. 现在我们做 ...

随机推荐

BIEE 后台新建分析没有你创建的数据源
(1)登录http://win-5rnnibkasrt:9704/analytics/saw.dll?bieehome 点击“管理” 找到“发出SQL语句”在里面写call sapurgeallca ...
修改Oracle权限的SQL及常见错误
1.在cmd命令中进入sqlplus:相应的在DOS命令下执行:(1)set ORACLE_SID = $INSTANCE_NAME(2)sqlplus /nolog(3)connect user/p ...
淘宝业务常用english
ADX ad exchange 广告交易平台 coupon 赠品 CPC cost per click CPS cost per sales CT ...
app工程构成
1)工程配置文件: 2)源代码: 3)资源文件.
c#中的23种设计模式
C# 23种设计模式汇总创建型模式工厂方法(Factory Method) 在工厂方法模式中,工厂方法用来创建客户所需要的产品,同时还向客户隐藏了哪种具体产品类将被实例化这一细节.工厂方法模式的核 ...
NYOJ 77 开灯问题
#include <stdio.h> #include <string.h> #define maxn 1050 int a[maxn]; int main(void) { i ...
ES+Hbase对接方案概述
方案背景 Hbase的索引方案有很多,越来越多的人开始选择ES+Hbase的方案,其实该方案并没有想象中那么完美,ES并发低,同时查询速度相对Hbase也慢很多,那为什么会选择他呢,它的写入比较快,如 ...
linux基本命令(4)-8.Ubuntu-jdk+tomcat+eclipse软件包安装
第一步安装jdk su - root 切换成root用户 sudo -i 不需要密码直接切换成root 1.进入usr目录 cd /usr 2.在usr目录下建立java安装目录 mkdir jav ...
《深入PHP与jQuery开发》读书笔记——Chapter2
Pro PHP and jQuery Chapter2 总结 1.理解jQuery脚本的基本行为 jQuery事实上沿用了JavaScript的那一套东西,几乎所有方法都支持链式调用,也就是说方法可以 ...
JSP 容易弄混的几点总结
最近在做Java Web方面的整理,遇到些问题,发现自己印象也不是很深刻了,这里作下整理,以后遇到问题再更新. 一.<%@include file="页面名称"%>和& ...