Formulir Terikat dan Tidak Terikat

Termasuk bagian Formulir dalam perjalanan Django di Coddy. Pelajaran 7 dari 20.

Kirim formulir dengan tanggal next friday: halaman kembali kosong, hanya menampilkan "Silakan periksa formulir." View menggambar formulir baru yang kosong, sedangkan formulir yang diperiksanya berisi detail.

Formulir yang dibuat dengan data bersifat terikat: ContactForm(request.POST) menyimpan apa yang diketik pengunjung dan, setelah is_valid(), error-nya. ContactForm() bersifat tidak terikat: kosong, tanpa error. Saat digambar dengan {{ form }}, formulir terikat menampilkan setiap nilai dan, di bawah field yang salah, error-nya, seperti Enter a valid date.

Jadi, view dengan formulir memiliki tiga kasus:

GET: render formulir yang tidak terikat.
POST yang gagal: render formulir terikat yang diperiksanya.
POST yang berhasil: simpan dan alihkan.

Satu render() di akhir menangani dua kasus pertama.

Tantangan

Mudah

Di new_event, tampilkan formulir yang sudah diperiksa setelah POST gagal, dan formulir kosong saat GET.
Hapus pesan error dari view dan dari new_event.html: formulir kini menampilkan error-nya sendiri.

Tekan Jalankan, kirim formulir dengan tanggal next friday, lalu lihat di bawah tanggal.

Coba sendiri

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()})