Registration with UserCreationForm in Django - Mini Project: Build & Apply

Registration with UserCreationForm

📖 Scenario: You are building a simple user registration page for a website. Users will create accounts by entering a username and password.

🎯 Goal: Create a Django registration form using UserCreationForm and display it on a page.

📋 What You'll Learn

Create a Django view that uses UserCreationForm

Render the form in a template

Add a URL pattern for the registration page

Display the form fields for username and password

💡 Why This Matters

🌍 Real World

User registration is a common feature in websites and apps to allow users to create accounts and access personalized content.

💼 Career

Understanding how to implement user registration with Django's UserCreationForm is essential for backend web development roles using Django.

1

Create the registration view

In views.py, import UserCreationForm from django.contrib.auth.forms. Then create a function-based view called register that creates an instance of UserCreationForm and passes it to the template context as form.

Django

from django.contrib.auth.forms import UserCreationForm
from django.shortcuts import render

# Create the register view below
# Your code here

Hint

Import UserCreationForm and create a view function named register. Inside it, create form = UserCreationForm() and return render(request, 'register.html', {'form': form}).

2

Create the registration template

Create a template file named register.html. Inside it, add a simple HTML form that uses method="post" and includes the Django template tag {% csrf_token %}. Render the form fields using {{ form.as_p }}. Add a submit button with the text Register.

Django

from django.contrib.auth.forms import UserCreationForm
from django.shortcuts import render

def register(request):
    form = UserCreationForm()
    return render(request, 'register.html', {'form': form})


# Your code here

Hint

Use a <form method="post"> tag. Inside it, add {% csrf_token %}, then {{ form.as_p }} to show the form fields, and a submit button labeled Register.

3

Add URL pattern for registration

In your Django app's urls.py, import the register view from views. Add a URL pattern that maps the path register/ to the register view with the name register.

Django

from django.urls import path
from .views import register

# Add URL pattern for register view below
# Your code here

Hint

Import register from views. Then add path('register/', register, name='register') to urlpatterns.

4

Enable form submission handling

Update the register view in views.py to handle POST requests. When the request method is POST, create a UserCreationForm instance with request.POST. If the form is valid, save the new user and redirect to the homepage at '/'. Otherwise, render the form with errors.

Django

from django.contrib.auth.forms import UserCreationForm
from django.shortcuts import render, redirect

def register(request):
    # Handle POST and GET requests
    # Your code here

# register.html content:
"""

  {% csrf_token %}
  {{ form.as_p }}
  Register

"""

from django.urls import path
from .views import register

urlpatterns = [
    path('register/', register, name='register'),
]

Hint

Check if request.method == 'POST'. If yes, create form = UserCreationForm(request.POST). If form.is_valid(), save and redirect to '/'. Otherwise, create a blank form and render it.

Practice

1. What is the main purpose of Django's UserCreationForm?

easy

A. To create a form for editing existing user profiles

B. To provide a ready-to-use form for user registration with password validation

C. To handle user login authentication

D. To manage user permissions and groups

Solution

1. Step 1: Understand UserCreationForm's role

   UserCreationForm is designed to simplify user signup by providing a form that includes username and password fields with validation.

2. Step 2: Compare with other user-related forms

   It is not for editing profiles, login, or permissions, which are handled by other forms or modules.

3. Final Answer:

   To provide a ready-to-use form for user registration with password validation -> Option B

4. Quick Check:

   UserCreationForm = registration form [OK]

Hint: UserCreationForm is for signup, not login or profile edit [OK]

Common Mistakes:

• Confusing UserCreationForm with authentication forms
• Thinking it edits user profiles
• Assuming it manages permissions

2. Which of the following is the correct way to import UserCreationForm in a Django view?

easy

A. from django.contrib.auth.models import UserCreationForm

B. from django.forms import UserCreationForm

C. from django.contrib.auth.forms import UserCreationForm

D. from django.contrib.auth.views import UserCreationForm

Solution

1. Step 1: Identify the correct module for UserCreationForm

   UserCreationForm is part of Django's built-in authentication forms, located in django.contrib.auth.forms.

2. Step 2: Verify import syntax

   The correct import statement is from django.contrib.auth.forms import UserCreationForm. Other options import from wrong modules.

3. Final Answer:

   from django.contrib.auth.forms import UserCreationForm -> Option C

4. Quick Check:

   Import UserCreationForm from auth.forms [OK]

Hint: UserCreationForm is in auth.forms, not models or views [OK]

Common Mistakes:

• Importing from django.forms instead of auth.forms
• Trying to import from auth.models or auth.views
• Using incorrect import syntax

3. Given this Django view snippet using UserCreationForm:

def register(request):
    if request.method == 'POST':
        form = UserCreationForm(request.POST)
        if form.is_valid():
            form.save()
            return redirect('login')
    else:
        form = UserCreationForm()
    return render(request, 'register.html', {'form': form})

What happens when a user submits the form with mismatched passwords?

medium

A. The form is invalid and redisplayed with error messages

B. The user is created anyway and redirected to login

C. A server error occurs due to missing validation

D. The form clears all fields and shows no errors

Solution

1. Step 1: Understand form validation in UserCreationForm

   UserCreationForm automatically checks if the two password fields match and marks the form invalid if they don't.

2. Step 2: Analyze the view's behavior on invalid form

   If form.is_valid() is False, the view skips saving and redisplays the form with errors.

3. Final Answer:

   The form is invalid and redisplayed with error messages -> Option A

4. Quick Check:

   Mismatched passwords = form invalid, show errors [OK]

Hint: Mismatched passwords cause form.is_valid() to fail [OK]

Common Mistakes:

• Assuming user is created despite errors
• Expecting a server crash on validation failure
• Thinking form clears without showing errors

4. Identify the error in this Django view using UserCreationForm:

def register(request):
    form = UserCreationForm(request.POST)
    if form.is_valid():
        form.save()
        return redirect('login')
    return render(request, 'register.html', {'form': form})

medium

A. The form is not instantiated empty on GET requests

B. Missing import for redirect function

C. form.save() should be called with commit=False

D. The template name is incorrect

Solution

1. Step 1: Check form instantiation for GET and POST

   The view always creates the form with request.POST, even on GET requests, which causes errors because POST data is empty on GET.

2. Step 2: Identify missing GET handling

   Proper pattern is to instantiate an empty form on GET (no data) and a filled form on POST.

3. Final Answer:

   The form is not instantiated empty on GET requests -> Option A

4. Quick Check:

   GET needs empty form, not form(request.POST) [OK]

Hint: Always instantiate empty form on GET, filled on POST [OK]

Common Mistakes:

• Not checking request method before form creation
• Assuming form.save() always needs commit=False
• Ignoring import errors or template names

5. You want to customize the registration form to include an email field along with the default username and password fields using UserCreationForm. Which approach correctly extends the form?

hard

A. Use UserCreationForm as is and add email in the template only

B. Add the email field directly in the view without changing the form

C. Replace UserCreationForm with a ModelForm for the User model including email

D. Create a subclass of UserCreationForm adding an email field and override save() to save it

Solution

1. Step 1: Understand extending UserCreationForm

   To add fields, subclass UserCreationForm and define the new field (email) in the form class.

2. Step 2: Override save() method

   Override save() to save the email to the user model before returning the user instance.

3. Final Answer:

   Create a subclass of UserCreationForm adding an email field and override save() to save it -> Option D

4. Quick Check:

   Extend form class + override save() = add email [OK]

Hint: Subclass UserCreationForm and override save() to add fields [OK]

Common Mistakes:

• Adding fields only in the view or template without form changes
• Replacing UserCreationForm with ModelForm without password handling
• Not overriding save() to store new fields