Почему не работает форма регистрации Django?

Question

[X-yro]

Здравствуйте. У меня есть форма регистрации, но почему-то она не работает.

Вот сам код:

HTML:

{% extends 'WebPortfolioApp/base.html' %}


{% block content %}
<div class="mask d-flex align-items-center h-100 gradient-custom-3">
    <div class="container h-100">
      <div class="row d-flex justify-content-center align-items-center h-100">
        <div class="col-12 col-md-9 col-lg-7 col-xl-6">
          <div class="card" style="border-radius: 15px;">
            <div class="card-body p-5">
              <h2 class="text-uppercase text-center mb-5">Create an account</h2>

                <form method="post">
                    {% csrf_token%}
                    {% for f in form %}
                    <input id="{{ f.id_for_label }}" placeholder="{{ f.label }}" class="form-control form-control-lg" />
                    <label class="form-label" for="{{ f.id_for_label }}"></label>
                    {% endfor %}
                    <button type="submit" class="btn btn-success btn-block btn-lg gradient-custom-4 text-body"></button>
                </form>

            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock %}

forms.py:

from django.contrib.auth.forms import UserCreationForm
from django.contrib.auth.models import User
from django import forms


class RegisterUserForm(UserCreationForm):
    username = forms.CharField(label='Login', widget=forms.TextInput(attrs={'class': 'form-input'}))
    email = forms.EmailField(label='Email', widget=forms.EmailInput(attrs={'class': 'form-input'}))
    password1 = forms.CharField(label='Password', widget=forms.PasswordInput(attrs={'class': 'form-input'}))
    password2 = forms.CharField(label='Password again', widget=forms.PasswordInput(attrs={'class': 'form-input'}))

    class Meta:
        model = User
        fields = ('username', 'email', 'password1', 'password2')

views.py :

from django.contrib.auth.forms import AuthenticationForm, UserCreationForm
from django.contrib.auth.views import LoginView
from django.shortcuts import render
from django.urls import reverse_lazy
from django.views.generic import ListView, DetailView, CreateView

from .forms import RegisterUserForm
from .models import PortfolioStructure

class RegisterUser(CreateView):
    form_class = RegisterUserForm
    template_name = 'WebPortfolioApp/register_popup.html'
    success_url = reverse_lazy('login')

urls.py:

from django.urls import path
from django.conf import settings

from .views import RegisterUser

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

И так по конкретнее о самом вопросе. Когда добавляю форму Bootstrap, и просто внутрь этой формы добавляю лейбл в цикле то все ок все работает. Но мне такой способ не подходит так как мне надо еще и инпуты застелизовать. И когда я уже добавляю инпуты вот тогда и начинается нервотрепка. Плейсхолдеры через цикл определяются и берутся из forms.py корректно но вот как я понимаю тип ввода не определяетя. Я так понимаю нужно что-то в type="" передать, но при передаче type="{{ f.label }}" начинают работать только первое и предпоследнее поле а все остальное также не работает. Что можно с этим сделать?

Comments

[Сергей Горностаев]

При чём тут Jinja?

[X-yro]

Сергей Горностаев, Разве Django не использует Jinja?

[Сергей Горностаев]

X-yro, по умолчанию нет.

[Kirgus]

Сергей Горностаев, хех, я тоже пошёл в комменты узнавать почему тут Jinja, вроде ж в джанге был другой шаблонизатор

[X-yro]

Кирилл Гусарев, Подождите либо я дурак либо я все это время в чем-то ошибался.

[Kirgus]

X-yro, из Википедии:

Jinja — это шаблонизатор для языка программирования Python. Он подобен шаблонизатору Django, но...

Answer 1

[Пасечник Кузьмич]

Нужно внимательно сравнить разметку, которую генерирует рендер формы, с той, которую генерируете вы. Ну, и стоит подучить HTML.

Comments

[X-yro]

А можно объяснить по конкретнее. Я просто не особо понял. Да и не только HTML подучить надо)

[Пасечник Кузьмич]

X-yro, напишите в шаблоне просто {{ form }} и посмотрите, какая разметка будет сформирована. Сравните её с той, которую формирует ваш код. Как минимум у ваших инпутов нет имён.

[X-yro]

Пасечник Кузьмич, Когда я просто {{ form }} в самом шаблоне оставляю то появляется обычная разметка со всеми полями которые у меня сейчас есть только без css стилей, тобишь: 'Username', 'Email' , 'Password', 'Password Again'. И при переборе формы через цикл, все поля отображаются, только вот не работают.

[Пасечник Кузьмич]

X-yro, если они абсолютно одинаковые, то это магия и она необъяснима. Хотя я думаю, что вы просто невнимательно сравниваете и не замечаете, что у тегов разные атрибуты.

[X-yro]

Пасечник Кузьмич, Все разобрался. Как вы и сказали надо было добавить имя тегу `input`:

{% for f in form %}
                       <p><input type="text" name="{{ f.name }}" id="{{ f.id_for_label }}" placeholder="{{ f.label }}" class="form-control form-control-lg"></p>
{% endfor %}