Menu
CoddyTech

绑定与未绑定的表单

本课属于 Coddy Django 学习旅程的“表单”单元。第 7 课,共 20 课。

用日期 next friday 提交表单:页面返回后变成空白,只显示“请检查表单。”视图检查了包含你输入内容的表单,然后把它丢弃,又绘制了一个新的空表单。

使用数据构建的表单是已绑定的:ContactForm(request.POST)会保留访客输入的内容,并在执行 is_valid() 后保留错误。ContactForm()是未绑定的:内容为空,也没有错误。使用 {{ form }} 绘制时,已绑定的表单会显示每个值,并在错误字段旁显示相应的错误,例如 Enter a valid date.

因此,包含表单的视图有 3 种情况:

  • GET 请求:渲染未绑定的表单。
  • 未通过验证的 POST 请求:渲染经过检查的已绑定表单。
  • 通过验证的 POST 请求:保存并重定向。

在最后调用一次 render(),就能处理前两种情况。

challenge icon

挑战

简单

出错后保留访客输入的内容。

  1. 在 new_event 中,POST 失败后渲染你检查过的表单,GET 请求时则渲染一个空的 EventForm。
  2. 从视图和 new_event.html 中移除 error 消息:现在表单会显示自己的错误。

将 next friday 作为日期发送:标题会保留,并且“Enter a valid date.”会显示在 Date 框上方。

亲手试试

from django.shortcuts import get_object_or_404, redirect, render

from .forms import EventForm
from .models import Event


def event_list(request):
    q = request.GET.get("q", "")
    events = Event.objects.all()
    if q:
        events = events.filter(title__icontains=q)
    return render(request, "events/event_list.html", {"events": events, "q": q})


def event_detail(request, pk):
    event = get_object_or_404(Event, pk=pk)
    return render(request, "events/event_detail.html", {"event": event})


def new_event(request):
    error = None
    if request.method == "POST":
        form = EventForm(request.POST)
        if form.is_valid():
            event = Event.objects.create(
                title=form.cleaned_data["title"],
                date=form.cleaned_data["date"],
                place=form.cleaned_data["place"],
            )
            return redirect("events:detail", pk=event.pk)
        error = "Please check the form."
    return render(request, "events/new_event.html", {"error": error, "form": EventForm()})
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

表单中的所有课

自己练习: Django 在线编辑器