HTML的form表单和django的form表单
作者:谷子的 发布时间:2021-08-03 07:04:42
标签:html,form,表单,django
django的表单系统,分2种
基于django.forms.Form的所有表单类的父类
基于django.forms.ModelForm,可以和模型类绑定的Form
直接用原生的form表单,也可以直接用,较麻烦,
django的form表单,也可用可不要,
在views里创建一个类,继承了forms.Form ,每个字段就是一个输入框,
#-----
#django 的form表单
from django import forms
class MyForm(forms.Form):
#forms对应的是前端的form表单,form 表单要验证的字段
#都与校验有关系,与数据库没有关系
#封装性强,可以 在前端指定显示那些字段,label 是显示指定的数据,
user = forms.CharField(label="用户名")#输入的用户名,
age = forms.IntegerField(label="年龄")
email = forms.EmailField()
#form注册
def reg2(request):
# 实列化出一个form对象,传到前端
form_obj = MyForm()
return render(request,"reg2.html",{"form_obj":form_obj})
在前端新建一个注册页面,前端渲染表单,是后端表单类实例出来的对象,用对象调用每个字段,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h3>form表单使用</h3>
<form action="/reg2/" method="post">
{# 渲染从后端传来的变量,as_p 是段落#}
{% csrf_token %}
{# {{ form_obj.as_p }}#}
<p>姓名{{ form_obj.user }}</p>
<p>年龄{{ form_obj.age }}</p>
<p>邮箱{{ form_obj.email }}</p>
</form>
</body>
</html>
可以从浏览器的检查元素中看到,浏览器自动添加了一些东西,
<body>
<h3>form表单使用</h3>
<form action="/reg2/" method="post">
<input name="csrfmiddlewaretoken" value="GyY3KE5uM7HeErOEZ8OQFwUJYQYaknrOmavdmfufBuVOHdDSWfeHDyt2pjXarGAV" type="hidden">
<p>姓名<input name="user" required="" id="id_user" type="text"></p>
<p>年龄<input name="age" required="" id="id_age" type="number"></p>
<p>邮箱<input name="email" required="" id="id_email" type="email"></p>
</form>
</body>
如果在前端页面随便输入就提交,前端会做校验,这都是浏览器做的校验,
可以自己定制,字段的错误信息提示,和显示信息,
#django 的form表单
from django import forms
class MyForm(forms.Form):
#forms对应的是前端的form表单,form 表单要验证的字段
#都与校验有关系,与数据库没有关系
#封装性强,可以 在前端指定显示那些字段,label 是显示指定的数据,require 是必须填写的,
user = forms.CharField(label="用户名",min_length=5,max_length=8)#输入的用户名,
age = forms.IntegerField(label="年龄",error_messages={"required":"必填",})
email = forms.EmailField()
#form注册
def reg2(request):
errors_obj = " "
if request.method == "POST":
form_post = MyForm(request.POST)#拿到请求的所有数据
if form_post.is_valid():#判断数据是否合法,返回布尔值,
print("data",form_post.cleaned_data)#获取数据,得到一个字典格式,
#添加数据库
# User.objects.create_user()
# 实列化出一个form对象,传到前端
#如果是输入不合格式的信息,错误信息,
else:
#获取错误信息
errors_obj = form_post.errors
# print("error",form_post.errors["user"][0])
# print("error",form_post.errors["age"])
# print("error",type(form_post.errors))#字典类型,
form_obj = MyForm()
return render(request,"reg2.html",{"form_obj":form_obj,"errors_obj":errors_obj})
在前端页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h3>form表单使用</h3>
<form action="/reg2/" method="post">
{# 渲染从后端传来的变量,as_p 是段落#}
{% csrf_token %}
{# {{ form_obj.as_p }}#}
<p>姓名{{ form_obj.user }} <span>{{ errors.obj.user.0 }}</span> </p>
<p>年龄{{ form_obj.age }}<span>{{ errors.obj.age.0 }}</span></p>
<p>邮箱{{ form_obj.email }}<span>{{ errors.obj.email.0 }}</span></p>
<input type="submit">
</form>
</body>
</html>
来源:https://www.cnblogs.com/gyh04541/p/8012769.html
0
投稿
猜你喜欢
- 目录完整项目地址:首页安装特点完整项目地址:https://github.com/zsjtoby/DevOpsCloud欢迎使用极云监控系统
- 一、DataFrame数据准备增、删、改、查的方法有很多很多种,这里只展示出常用的几种。参数inplace默认为False,只能在生成的新数
- TensorFlow训练网络有两种方式,一种是基于tensor(array),另外一种是迭代器两种方式区别是:第一种是要加载全部数据形成一个
- 大家都知道,在SQL脚本中设置多字段做关键字相对比较简单,例:primary key(id1,id2) ,但用脚本建数据库就比较麻烦了。那么
- SWFObject的使用是非常简单的,只需要包含 swfobject.js这个js文件,然后在DOM中插入一些简单的JS代码,就能嵌入Fla
- startswith()方法Python startswith() 方法用于检查字符串是否是以指定子字符串开头如果是则返回 True,否则返
- 很早很早的时候,computer这个东西习惯于被称之为计算机,因为它的主要功能是完成一些科学计算的东西,我记得自己鼓捣它的时候,就是计算,根
- 介绍Zmail 使得在python3中发送和接受邮件变得更简单。你不需要手动添加服务器地址、端口以及适合的协议,zmail会帮你完成。此外,
- 本文主要分析的是web.py库的application.py这个模块中的代码。总的来说,这个模块主要实现了WSGI兼容的接口,以便应用程序能
- 关于python3中的追加写入excel问题,这个问题坑了我几小时,其实加一个参数即可。因为之前有写好的excel,想追加写入,但是写入后却
- 前言本文主要给大家介绍的是关于python对配置文件.ini增删改查操作的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的
- 文件名:Awa_temp.Class.asp 代码如下:<% 'Crazy蛙!模板操作类 '作者C
- php数组中元素的存在方式是以键值对的方式('key'=>'value'),有时候我们需要根据键删除数
- 我们一般在调试程序的时候,有些操作会莫名地失败,又没有错误消息提示,特别是在执行数据库操作的时候,明明执行过去了,可就是数据库里没有记录变动
- 一、继承与java的继承不同python支持多继承,如Person类同时继承Animal类和Species类可以这样写:class Anim
- 如何在生产上部署Django?Django的部署可以有很多方式,采用nginx+uwsgi的方式是其中比较常见的一种方式。uwsgi介绍uW
- 原作者:Jason MannInternet Magazine showed that people do not read on the
- 本文实例讲述了PHP日志LOG类定义与用法。分享给大家供大家参考,具体如下:<?php/*** PHP log 类 */class C
- 介绍在本文中,云朵君将和大家一起了解装饰器的工作原理,如何将我们之前定义的定时器类 Timer 扩展为装饰器,以及如何简化计时功能。最后对
- 代码如下:CREATE TABLE #tmptb(tbname sysname,tbrows int ,tbREserved varchar