使Django消息出现在页面的特定位置



我有一个注册表单,我希望我的错误显示在提交按钮下。我怎么能做到这一点+我想将自定义类添加到我的消息中。

我的表格.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', 'password1', '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_required
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>

最新更新