Menu
CoddyTech

Formulários vinculados e não vinculados

Parte da seção Forms do Journey de Django da Coddy. Lição 7 de 20.

Envie o formulário com a data next friday: a página volta vazia, com apenas "Please check the form." A view verificou o formulário que continha o que você digitou, depois o descartou e criou um novo, vazio.

Um formulário criado com dados é vinculado: ContactForm(request.POST) contém o que o visitante digitou e, depois de is_valid(), os erros. ContactForm() é não vinculado: vazio, sem erros. Renderizado com {{ form }}, um formulário vinculado mostra cada valor e, ao lado de um campo inválido, seu erro, como Enter a valid date.

Assim, uma view com um formulário tem três casos:

  • Um GET: renderizar um formulário não vinculado.
  • Um POST que falha: renderizar o formulário vinculado que foi verificado.
  • Um POST que passa: salvar e redirecionar.

Um único render() no final atende aos dois primeiros casos.

challenge icon

Desafio

Fácil

Mantenha o que o visitante digitou após um erro.

  1. Em new_event, renderize o formulário que você verificou após um POST com falha e um EventForm vazio em um GET.
  2. Remova a mensagem de error da view e de new_event.html: agora o formulário mostra os próprios erros.

Envie a próxima sexta-feira como data: seu título permanece, e “Insira uma data válida.” aparece acima do campo Data.

Experimente você mesmo

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 iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Forms

Pratique por conta própria: Playground de Django