Django - form组件详解

本文详细介绍了Django Form组件,包括其主要功能如数据验证、HTML标签生成、初始化显示和动态更新。讨论了Form的处理流程,常用字段类型,内置及自定义插件,并阐述了如何进行初始化页面显示和动态数据更新。此外,还涵盖了自定义验证规则和使用ajax请求的注意事项。
摘要由CSDN通过智能技术生成

1. Form组件的主要功能

  • HTML form提交数据后自动保留上次提交的数据
  • 对用户提交的数据进行验证并生成错误信息
  • 生成HTML标签
  • 初始化页面显示内容
  • 实时数据更新

2. Form的处理流程

  1. 在应用下面创建forms.py用来存放form组件的类
  2. 创建form类,类里面创建前端需要传入的字段
  3. 在views视图函数中进行对数据验证处理,成功进行跳转到新页面和失败返回到原来的页面。
  4. 模板HTML渲染页面

具体代码:
– 创建类:

from django import forms
from django.forms import fields
from django.forms import widgets


# 创建MyForms类
class MyForms(forms.Form):
    user = fields.CharField(   # 用户名
        max_length=18,
        min_length=6,
        required=True,
        error_messages = {
   
            "max_length": "用户名长度必须小于18位",
            "min_length": "用户名长度必须大于6位",
            "required": "用户名不能为空",
        })
    pwd = fields.CharField(  # 密码
        max_length=18,
        min_length=6,
        required=True,
        error_messages={
   
            "max_length": "密码长度必须小于18位",
            "min_length": "密码长度必须大于6位",
            "required": "密码不能为空",
        })
    gender = fields.ChoiceField(  # 性别
        choices=((1, '男'), (2, '女'),),
        initial=2,
        widget=widgets.RadioSelect
    )
    email = fields.EmailField(   # 邮箱
        required=True,
        error_messages={
   
            "Invalid": "邮箱格式有误",
            "required": "邮箱不能为空",
        })

– 视图函数:

from django.shortcuts import render, HttpResponse
from zhss.forms import MyForms

# 注册页面
def register(request):
    if request.method == "GET":
        obj = MyForms()
        return render(request, "zhss/register.html", context={
   "obj": obj})
    if request.method == "POST":
        obj = MyForms(request.POST)  # 提交数据都放在request.POST里面的
        if obj.is_valid(): # 进行数据验证
            return HttpResponse("验证成功")
        else:
            return render(request, "zhss/register.html", context={
   "obj": obj})

– 模板HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
</head>
<body>
    <form action="{% url "zhss:register" %}" method="post">
        {
   % csrf_token %}
        <p>用户名&emsp;{
   {
    obj.user }}{
   {
    obj.errors.user.0 }}</p>
        <p>用户密码&emsp;{
   {
    obj.pwd }}{
   {
    obj.errors.pwd.0 }}</p>
        <p>性别&emsp;{
   {
    obj.gender }}{
   {
    obj.errors.gender.0 }}</p>
        <p>邮箱&emsp;{
   {
    obj.email }}{
   {
    obj.errors.email.0 }}</p>
        <p><input type="submit" value="提交注册"></p>
    </form>
</body>
</html>

3. Form常用字段

本质上字段里面封装了一个正则表达式来匹配用户数据,同时还封装了HTML插件。

'''
在源码中,Field为BASE类,其他下面的字段都是继承BASE或者其他字段的。
'''
1.	Field中含有的参数:
	    required=True,               是否允许为空
	    widget=None,                 HTML插件
	    label=None,                  用于生成Label标签或显示内容
	    initial=None,                初始值
	    help_text='',                帮助信息(在标签旁边显示)
	    error_messages=None,         错误信息 {
   'required': '不能为空', 'invalid': '格式错误'}
	    show_hidden_initial=
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值