HTML的form表单和django的form表单
更新时间：2019年07月25日 09:23:53 作者：谷子的
这篇文章主要介绍了HTML的form表单和django的form表单,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
pyd文件是由非 Python,其它编程语言编写编译生成的 Python 扩展模块,本文主要介绍了pyd文件逆向的方法实现,具有一定的参考价值,感兴趣的可以了解一下2024-03-03
这篇文章主要介绍了Flask搭建虚拟环境并运行第一个flask程序，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-10-10
本文主要介绍了python批量翻译excel表格中的英文，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-02-02
这篇文章主要为大家介绍了Python中的布尔类型bool使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
用户画像,又称为用户档案或客户画像,是一种通过收集和分析用户的行为、偏好、需求等多维度信息,本文主要介绍了如何使用Python进行用户画像的构建,需要的可以参考下2024-10-10
这篇文章主要介绍了100行代码实现跳一跳辅助程序,接下来要分享的是用“纯软件”的方法来玩“跳一跳”。本人只做过Android开发，因此下面只给出Android平台下的实现方法。需要的朋友可以参考下2018-01-01
Python3自动生成MySQL数据字典的markdown文本的实现
这篇文章主要介绍了Python3自动生成MySQL数据字典的markdown文本的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
利用 Python 元类的特性实现 ORM 框架的 insert 功能，通过操作类对象，对数据表进行数据增加操作。由于 ORM 比较复杂，也不要重复造轮子，就完成一个 insert 相类似的ORM，理解其中的道理即可。2021-05-05![python错误提示:Errno 2] No such file or directory的解决方法](//img.jbzj.com/images/xgimg/bcimg8.png)
python错误提示:Errno 2] No such file or directory的解决方法
我相信很多人在学习Python的时候,特别是在open文件的时候总还碰到,还报错IOError:[Errno 2]没有这样的文件或目录:'E：//aaa.txt',这篇文章主要给大家介绍了关于python错误提示:Errno 2] No such file or directory的解决方法,需要的朋友可以参考下2022-02-02
这篇文章主要介绍了Python Property属性的2种用法,本文分别给出了两种用法的代码实例,需要的朋友可以参考下2015-06-06
![python错误提示:Errno 2] No such file or directory的解决方法](http://img.jbzj.com/images/xgimg/bcimg8.png)
最新评论