django中的 form 表单操作
1. 能做什么事?
1. 能生成HTML代码 input框
2. 可以校验数据
3. 保留输入的数据
4. 有错误的提示
from django import forms
class RegForm(fo rms.Form):
user = forms.CharField(label='用户名')
pwd = forms.CharField(label='密码')
2. 使用
视图中
from app01.forms import *
form_obj = RegForm()
return render(request,'reg.html',{'form_obj':form_obj})
form_obj = RegForm(request.POST)
form_obj.is_valid() —— 》布尔值
form_obj.cleaned_data ——》 {} 所有通过校验的字段的名字和值
模板中 取消django样式 novalidate
{{ form_obj.as_p }} ——》自动生成多个p标签 包含label input框
{{ form_obj.user }} ——》 生成某个字段的input框
{{ form_obj.user.errors }} ——》 某个字段的所有错误信息
{{ form_obj.user.errors.0 }} ——》 某个字段的错误信息的第一个
{{ form_obj.username.id_for_label }} ——》 生成某个字段id
{{ form_obj.errors }} ——》 所有字段的错误信息
3. 字段和参数
参数
label='用户名', # 标签的名字
min_length=6, # 校验的规则 最小长度
initial='alexdsb', # 初始值
error_messages={ # 自定义错误提示
'min_length': '你的长度太短了,还不到6',
'required': '不能为空' }
widget=widgets.PasswordInput() # 插件 指定字段的类型
4. 校验
1. 每个字段有默认的校验方法
min_length=6,
max_length=6,
required=False,
2. 自定义校验规则
validators = [ 校验器1,校验器2 ]
1.
from django.core.validators import RegexValidator
RegexValidator(r'^1[3-9]\d{9}$', '手机号不正经') #(正则,错误提示)
2. 自定义函数
from django.core.exceptions import ValidationError
if 'alex' in value:
3. 钩子函数
1. 局部钩子 局限性多,必须是后一个标签
通过校验:返回当前的字段的值
不通过: raise ValidationError()
value = self.cleaned_data.get('phone') #cleaned_data 获取数据
if re.match(r'^1[3-9]\d{9}$',value): #value 为正确的数据
return value #返回正确数据
2. 全局的钩子 建议用局部
通过校验: 返回self.cleaned_data
不通过:
self.add_error('字段名',’错误提示‘)
raise ValidationError()
pwd = self.cleaned_data.get('pwd') #cleaned_data 获取数据
re_pwd = self.cleaned_data.get('re_pwd')
return self.cleaned_data #返回正确数据
self.add_error('re_pwd','两次密码不一致') #不对给添加错误信息
raise ValidationError('两次密码不一致') #不对 抛异常
Form介绍
我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来。
与此同时我们在好多场景下都需要对用户的输入做校验,比如校验用户是否输入,输入的长度和格式等正不正确。如果用户输入的内容有错误就需要在页面上相应的位置显示对应的错误信息.。
Django form组件就实现了上面所述的功能。
总结一下,其实form组件的主要功能如下:
- 生成页面可用的HTML标签
- 对用户提交的数据进行校验
- 保留上次输入内容
普通方式手写注册功能
views.py

- # 注册
- def register(request):
- error_msg = ""
- if request.method == "POST":
- username = request.POST.get("name")
- pwd = request.POST.get("pwd")
- # 对注册信息做校验
- if len(username) < 6:
- # 用户长度小于6位
- error_msg = "用户名长度不能小于6位"
- else:
- # 将用户名和密码存到数据库
- return HttpResponse("注册成功")
- return render(request, "register.html", {"error_msg": error_msg})

login.html

- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>注册页面</title>
- </head>
- <body>
- <form action="/reg/" method="post">
- {% csrf_token %}
- <p>
- 用户名:
- <input type="text" name="name">
- </p>
- <p>
- 密码:
- <input type="password" name="pwd">
- </p>
- <p>
- <input type="submit" value="注册">
- <p style="color: red">{{ error_msg }}</p>
- </p>
- </form>
- </body>
- </html>

使用form组件实现注册功能
views.py
先定义好一个RegForm类:
- from django import forms
- # 按照Django form组件的要求自己写一个类
- class RegForm(forms.Form):
- name = forms.CharField(label="用户名")
- pwd = forms.CharField(label="密码")
再写一个视图函数:

- # 使用form组件实现注册方式
- def register2(request):
- form_obj = RegForm()
- if request.method == "POST":
- # 实例化form对象的时候,把post提交过来的数据直接传进去
- form_obj = RegForm(request.POST)
- # 调用form_obj校验数据的方法
- if form_obj.is_valid():
- return HttpResponse("注册成功")
- return render(request, "register2.html", {"form_obj": form_obj})

login2.html

- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>注册2</title>
- </head>
- <body>
- <form action="/reg2/" method="post" novalidate autocomplete="off">
- {% csrf_token %}
- <div>
- <label for="{{ form_obj.name.id_for_label }}">{{ form_obj.name.label }}</label>
- {{ form_obj.name }} {{ form_obj.name.errors.0 }}
- </div>
- <div>
- <label for="{{ form_obj.pwd.id_for_label }}">{{ form_obj.pwd.label }}</label>
- {{ form_obj.pwd }} {{ form_obj.pwd.errors.0 }}
- </div>
- <div>
- <input type="submit" class="btn btn-success" value="注册">
- </div>
- </form>
- </body>
- </html>

看网页效果发现 也验证了form的功能:
• 前端页面是form类的对象生成的 -->生成HTML标签功能
• 当用户名和密码输入为空或输错之后 页面都会提示 -->用户提交校验功能
• 当用户输错之后 再次输入 上次的内容还保留在input框 -->保留上次输入内容
Form那些事儿
常用字段与插件
创建Form类时,主要涉及到 【字段】 和 【插件】,字段用于对用户请求数据的验证,插件用于自动生成HTML;
initial
初始值,input框里面的初始值。

- class LoginForm(forms.Form):
- username = forms.CharField(
- min_length=8,
- label="用户名",
- initial="张三" # 设置默认值
- )
- pwd = forms.CharField(min_length=6, label="密码")

error_messages
重写错误信息。

- class LoginForm(forms.Form):
- username = forms.CharField(
- min_length=8,
- label="用户名",
- initial="张三",
- error_messages={
- "required": "不能为空",
- "invalid": "格式错误",
- "min_length": "用户名最短8位"
- }
- )
- pwd = forms.CharField(min_length=6, label="密码")

password

- class LoginForm(forms.Form):
- ...
- pwd = forms.CharField(
- min_length=6,
- label="密码",
- widget=forms.widgets.PasswordInput(attrs={'class': 'c1'}, render_value=True)
- )

radioSelect
单radio值为字符串

- class LoginForm(forms.Form):
- username = forms.CharField(
- min_length=8,
- label="用户名",
- initial="张三",
- error_messages={
- "required": "不能为空",
- "invalid": "格式错误",
- "min_length": "用户名最短8位"
- }
- )
- pwd = forms.CharField(min_length=6, label="密码")
- gender = forms.fields.ChoiceField(
- choices=((1, "男"), (2, "女"), (3, "保密")),
- label="性别",
- initial=3,
- widget=forms.widgets.RadioSelect()
- )

单选Select

- class LoginForm(forms.Form):
- ...
- hobby = forms.fields.ChoiceField(
- choices=((1, "篮球"), (2, "足球"), (3, "双色球"), ),
- label="爱好",
- initial=3,
- widget=forms.widgets.Select()
- )

多选Select

- class LoginForm(forms.Form):
- ...
- hobby = forms.fields.MultipleChoiceField(
- choices=((1, "篮球"), (2, "足球"), (3, "双色球"), ),
- label="爱好",
- initial=[1, 3],
- widget=forms.widgets.SelectMultiple()
- )

单选checkbox

- class LoginForm(forms.Form):
- ...
- keep = forms.fields.ChoiceField(
- label="是否记住密码",
- initial="checked",
- widget=forms.widgets.CheckboxInput()
- )

多选checkbox

- class LoginForm(forms.Form):
- ...
- hobby = forms.fields.MultipleChoiceField(
- choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
- label="爱好",
- initial=[1, 3],
- widget=forms.widgets.CheckboxSelectMultiple()
- )

关于choice的注意事项:
在使用选择标签时,需要注意choices的选项可以从数据库中获取,但是由于是静态字段 ***获取的值无法实时更新***,那么需要自定义构造方法从而达到此目的。
方式一:

- from django.forms import Form
- from django.forms import widgets
- from django.forms import fields
- class MyForm(Form):
- user = fields.ChoiceField(
- # choices=((1, '上海'), (2, '北京'),),
- initial=2,
- widget=widgets.Select
- )
- def __init__(self, *args, **kwargs):
- super(MyForm,self).__init__(*args, **kwargs)
- # self.fields['user'].choices = ((1, '上海'), (2, '北京'),)
- # 或
- self.fields['user'].choices = models.Classes.objects.all().values_list('id','caption')

方式二:

- from django import forms
- from django.forms import fields
- from django.forms import models as form_model
- class FInfo(forms.Form):
- authors = form_model.ModelMultipleChoiceField(queryset=models.NNewType.objects.all()) # 多选
- # authors = form_model.ModelChoiceField(queryset=models.NNewType.objects.all()) # 单选

Django Form所有内置字段

- Field
- required=True, 是否允许为空
- widget=None, HTML插件
- label=None, 用于生成Label标签或显示内容
- initial=None, 初始值
- help_text='', 帮助信息(在标签旁边显示)
- error_messages=None, 错误信息 {'required': '不能为空', 'invalid': '格式错误'}
- validators=[], 自定义验证规则
- localize=False, 是否支持本地化
- disabled=False, 是否可以编辑
- label_suffix=None Label内容后缀
- CharField(Field)
- max_length=None, 最大长度
- min_length=None, 最小长度
- strip=True 是否移除用户输入空白
- IntegerField(Field)
- max_value=None, 最大值
- min_value=None, 最小值
- FloatField(IntegerField)
- ...
- DecimalField(IntegerField)
- max_value=None, 最大值
- min_value=None, 最小值
- max_digits=None, 总长度
- decimal_places=None, 小数位长度
- BaseTemporalField(Field)
- input_formats=None 时间格式化
- DateField(BaseTemporalField) 格式:2015-09-01
- TimeField(BaseTemporalField) 格式:11:12
- DateTimeField(BaseTemporalField)格式:2015-09-01 11:12
- DurationField(Field) 时间间隔:%d %H:%M:%S.%f
- ...
- RegexField(CharField)
- regex, 自定制正则表达式
- max_length=None, 最大长度
- min_length=None, 最小长度
- error_message=None, 忽略,错误信息使用 error_messages={'invalid': '...'}
- EmailField(CharField)
- ...
- FileField(Field)
- allow_empty_file=False 是否允许空文件
- ImageField(FileField)
- ...
- 注:需要PIL模块,pip3 install Pillow
- 以上两个字典使用时,需要注意两点:
- - form表单中 enctype="multipart/form-data"
- - view函数中 obj = MyForm(request.POST, request.FILES)
- URLField(Field)
- ...
- BooleanField(Field)
- ...
- NullBooleanField(BooleanField)
- ...
- ChoiceField(Field)
- ...
- choices=(), 选项,如:choices = ((0,'上海'),(1,'北京'),)
- required=True, 是否必填
- widget=None, 插件,默认select插件
- label=None, Label内容
- initial=None, 初始值
- help_text='', 帮助提示
- ModelChoiceField(ChoiceField)
- ... django.forms.models.ModelChoiceField
- queryset, # 查询数据库中的数据
- empty_label="---------", # 默认空显示内容
- to_field_name=None, # HTML中value的值对应的字段
- limit_choices_to=None # ModelForm中对queryset二次筛选
- ModelMultipleChoiceField(ModelChoiceField)
- ... django.forms.models.ModelMultipleChoiceField
- TypedChoiceField(ChoiceField)
- coerce = lambda val: val 对选中的值进行一次转换
- empty_value= '' 空值的默认值
- MultipleChoiceField(ChoiceField)
- ...
- TypedMultipleChoiceField(MultipleChoiceField)
- coerce = lambda val: val 对选中的每一个值进行一次转换
- empty_value= '' 空值的默认值
- ComboField(Field)
- fields=() 使用多个验证,如下:即验证最大长度20,又验证邮箱格式
- fields.ComboField(fields=[fields.CharField(max_length=20), fields.EmailField(),])
- MultiValueField(Field)
- PS: 抽象类,子类中可以实现聚合多个字典去匹配一个值,要配合MultiWidget使用
- SplitDateTimeField(MultiValueField)
- input_date_formats=None, 格式列表:['%Y--%m--%d', '%m%d/%Y', '%m/%d/%y']
- input_time_formats=None 格式列表:['%H:%M:%S', '%H:%M:%S.%f', '%H:%M']
- FilePathField(ChoiceField) 文件选项,目录下文件显示在页面中
- path, 文件夹路径
- match=None, 正则匹配
- recursive=False, 递归下面的文件夹
- allow_files=True, 允许文件
- allow_folders=False, 允许文件夹
- required=True,
- widget=None,
- label=None,
- initial=None,
- help_text=''
- GenericIPAddressField
- protocol='both', both,ipv4,ipv6支持的IP格式
- unpack_ipv4=False 解析ipv4地址,如果是::ffff:192.0.2.1时候,可解析为192.0.2.1, PS:protocol必须为both才能启用
- SlugField(CharField) 数字,字母,下划线,减号(连字符)
- ...
- UUIDField(CharField) uuid类型

校验
方式一:

- from django.forms import Form
- from django.forms import widgets
- from django.forms import fields
- from django.core.validators import RegexValidator
- class MyForm(Form):
- user = fields.CharField(
- validators=[RegexValidator(r'^[0-9]+$', '请输入数字'), RegexValidator(r'^159[0-9]+$', '数字必须以159开头')],
- )

方式二:

- import re
- from django.forms import Form
- from django.forms import widgets
- from django.forms import fields
- from django.core.exceptions import ValidationError
- # 自定义验证规则
- 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('手机号码格式错误')
- class PublishForm(Form):
- title = fields.CharField(max_length=20,
- min_length=5,
- error_messages={'required': '标题不能为空',
- 'min_length': '标题最少为5个字符',
- 'max_length': '标题最多为20个字符'},
- widget=widgets.TextInput(attrs={'class': "form-control",
- 'placeholder': '标题5-20个字符'}))
- # 使用自定义验证规则
- phone = fields.CharField(validators=[mobile_validate, ],
- error_messages={'required': '手机不能为空'},
- widget=widgets.TextInput(attrs={'class': "form-control",
- 'placeholder': u'手机号码'}))
- email = fields.EmailField(required=False,
- error_messages={'required': u'邮箱不能为空','invalid': u'邮箱格式错误'},
- widget=widgets.TextInput(attrs={'class': "form-control", 'placeholder': u'邮箱'}))

补充进阶
应用Bootstrap样式

- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="x-ua-compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
- <title>login</title>
- </head>
- <body>
- <div class="container">
- <div class="row">
- <form action="/login2/" method="post" novalidate class="form-horizontal">
- {% csrf_token %}
- <div class="form-group">
- <label for="{{ form_obj.username.id_for_label }}"
- class="col-md-2 control-label">{{ form_obj.username.label }}</label>
- <div class="col-md-10">
- {{ form_obj.username }}
- <span class="help-block">{{ form_obj.username.errors.0 }}</span>
- </div>
- </div>
- <div class="form-group">
- <label for="{{ form_obj.pwd.id_for_label }}" class="col-md-2 control-label">{{ form_obj.pwd.label }}</label>
- <div class="col-md-10">
- {{ form_obj.pwd }}
- <span class="help-block">{{ form_obj.pwd.errors.0 }}</span>
- </div>
- </div>
- <div class="form-group">
- <label class="col-md-2 control-label">{{ form_obj.gender.label }}</label>
- <div class="col-md-10">
- <div class="radio">
- {% for radio in form_obj.gender %}
- <label for="{{ radio.id_for_label }}">
- {{ radio.tag }}{{ radio.choice_label }}
- </label>
- {% endfor %}
- </div>
- </div>
- </div>
- <div class="form-group">
- <div class="col-md-offset-2 col-md-10">
- <button type="submit" class="btn btn-default">注册</button>
- </div>
- </div>
- </form>
- </div>
- </div>
- <script src="/static/jquery-3.2.1.min.js"></script>
- <script src="/static/bootstrap/js/bootstrap.min.js"></script>
- </body>
- </html>

批量添加样式
可通过重写form类的init方法来实现。

- class LoginForm(forms.Form):
- username = forms.CharField(
- min_length=8,
- label="用户名",
- initial="张三",
- error_messages={
- "required": "不能为空",
- "invalid": "格式错误",
- "min_length": "用户名最短8位"
- }
- ...
- def __init__(self, *args, **kwargs):
- super(LoginForm, self).__init__(*args, **kwargs)
- for field in iter(self.fields):
- self.fields[field].widget.attrs.update({
- 'class': 'form-control'
- })

ModelForm
form与model的终极结合。

- class BookForm(forms.ModelForm):
- class Meta:
- model = models.Book
- fields = "__all__"
- labels = {
- "title": "书名",
- "price": "价格"
- }
- widgets = {
- "password": forms.widgets.PasswordInput(attrs={"class": "c1"}),
- }

class Meta:下常用参数:

- model = models.Student # 对应的Model中的类
- fields = "__all__" # 字段,如果是__all__,就是表示列出所有的字段
- exclude = None # 排除的字段
- labels = None # 提示信息
- help_texts = None # 帮助提示信息
- widgets = None # 自定义插件
- error_messages = None # 自定义错误信息

django中的 form 表单操作的更多相关文章
- 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. 创建 ...
- django中写form表单时csrf_token的作用
之前在学习django的时候,在template中写form时,出现错误.百度,google后要加{% csrf_token %}才可以,之前一直也没研究,只是知道要加个这个东西,具体是什么也不明白. ...
- django中使用form表单,数据库保存密码出现明文
- Django组件之Form表单
一.Django中的Form表单介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要对用户的输入 ...
- Django之form表单操作
小白必会三板斧 from django.shortcuts import render,HttpResponse,redirect HttpRespone:返回字符串 render:返回html页面 ...
- Javascript中的Form表单知识点总结
Javascript中的Form表单知识点总结 在HTML中,表单是由form元素来表示的,但是在javascript中,表单则由HTMLFormElement类型,此元素继承了HTMLElement ...
- 第三百一十一节,Django框架,Form表单验证
第三百一十一节,Django框架,Form表单验证 表单提交 html <!DOCTYPE html> <html lang="en"> <head& ...
随机推荐
- 如何设置鼠标右键单击返回ppt上一页
点击“powerpoint选项”,选择“高级” 将“幻灯片放映”选项下“鼠标右键单击时显示菜单(E)”前面的钩去掉.图为处理过的.
- HDU 1814 模板题 2-sat
敲模板做的,不知道怎么就对了,注意一下建边即可··· 贴代码: #include<cstdio> #include<vector> using namespace std; # ...
- 使用VBS发邮件
NameSpace = "http://schemas.microsoft.com/cdo/configuration/"set Email = CreateObject(&quo ...
- PHP 中的对象传递
<?php class A { public $age = 0; public $username = ""; public $obj = null; } $a = new ...
- 【转】每天一个linux命令(4):mkdir命令
原文网址:http://www.cnblogs.com/peida/archive/2012/10/25/2738271.html linux mkdir 命令用来创建指定的名称的目录,要求创建目录的 ...
- Nginx服务器抵御CC攻击的相关配置讲解
CC攻击利用代理服务器向网站发送大量需要较长计算时间的URL请求,如数据库查询等,导致服务器进行大量计算而很快达到自身的处理能力而形成DOS.而攻击者一旦发送请求给代理后就主动断开连接,因??代理并不 ...
- java 多线程之:synchronized
synchronized原理 在java中,每一个对象有且仅有一个同步锁.这也意味着,同步锁是依赖于对象而存在. 当我们调用某对象的synchronized方法时,就获取了该对象的同步锁.例如,syn ...
- Apache关闭VirtualHost的Log日志记录
有时我们的apache产生的日志是超大的并且 没什么用处,这时我们就可以关闭了,关闭apache日志很简单,直接ErrorLog off或 # CustomLog即可. Web server(ex: ...
- JS Web的Flex弹性盒子模型
1. justify-content <!DOCTYPE html> <html lang="en"> <head> <meta char ...
- xml表头内容什么意思
我来给你解释一下吧,首先这个文件是一个xml文件,那么他里面的所有内容都符合xml语法规范,开头的<project></project>这最外层同样也是一个xml文件的标签,后 ...