使Django消息显示在页面上的特定位置

问题描述

我有一张注册表,我希望我的错误出现在“提交”按钮下。我该怎么做? +我想在邮件添加自定义类。

我的forms.py

from django import forms
from django.contrib.auth.models import User
from django.contrib.auth.forms import UserCreationForm
from crispy_forms.helper import FormHelper
from crispy_forms.layout import Layout,Submit,Row,Column



class UserRegisterForm(UserCreationForm):
email = forms.EmailField()

class Meta:
    model = User
    fields = ['username','email','password1','password2']
#override
def __init__(self,*args,**kwargs):
    super(UserRegisterForm,self).__init__(*args,**kwargs)

    #Custom classok
    self.fields['username'].widget.attrs['class'] = 'input'
    self.fields['email'].widget.attrs['class'] = 'input'
    self.fields['password1'].widget.attrs['class'] = 'input'
    self.fields['password2'].widget.attrs['class'] = 'input'

    #Custom label
    self.fields['username'].label = ""
    self.fields['email'].label = ""
    self.fields['password1'].label = ""
    self.fields['password2'].label = ""

    #Custom placeholder
    self.fields['username'].widget.attrs['placeholder'] = 'Username'
    self.fields['email'].widget.attrs['placeholder'] = 'Email address'
    self.fields['password1'].widget.attrs['placeholder'] = 'Password'
    self.fields['password2'].widget.attrs['placeholder'] = 'Confirm Password'
    
    
    
    #Help text off
    for fieldname in ['username','password2']:
        self.fields[fieldname].help_text = None

我的views.py文件

from django.shortcuts import render
from django.shortcuts import render,redirect
from django.contrib import messages
from django.contrib.auth.decorators import login_@R_502_3889@
from .forms import UserRegisterForm

# Create your views here.
def register(request):
if request.method == 'POST':
    form = UserRegisterForm(request.POST)
    if form.is_valid():
        form.save()
        messages.success(request,f'Your account has been created! You are Now able to log in!')
        return redirect('landing-home')
else:
    form = UserRegisterForm()
    
return render(request,'users/register.html',{'form':form})

在这里也有我的HTML代码

{%block content%}
<form class="form" method="POST">
    {% csrf_token %} 
    <fieldset class="form-group text-center text-uppercase">
        <h1 class="sign-up__header">Sign up</h1>
        {{form.as_p}}
    </fieldset>
    <div class="form-group">
        <button class="submit" type="submit">Sign up</button>
    </div>
   
    </div>
</form>

</div>




{%endblock content%}

基本上,我想实现的是我的错误消息出现在我的整个表单中,这些错误消息将在我的提交按钮下进行组织。

解决方法

也许类似的东西可以解决问题:

<form class="form" method="POST">
    {% csrf_token %} 
    <fieldset class="form-group text-center text-uppercase">
        <h1 class="sign-up__header">Sign up</h1>
        {% for field in form %}
            <p>
                {{ field.label_tag }}
                {{ field }}
                {{ field.help_text }}
            </p>
        {% endif %}
    </fieldset>
    <div class="form-group">
        <button class="submit" type="submit">Sign up</button>
    </div>
    {% for error in form.errors %}
        <div class="text-danger">{{ error }}</p>
    {% endfor %}
    </div>
</form>