Показать ошибки в форме входа

Question

Я создал страницу входа в систему, и она отлично работает! Но когда пользователь вводит неверные учетные данные, как я могу показать ошибку на странице входа? Я попробовал присвоить if и переменную, но это привело к тому, что отображаемая ошибка не имеет значения.

В моих взглядов, я установить «error_message» переменную следующим образом:

def LoginView(request): 
    error_message = '' 
    logout(request) 
    context = RequestContext(request) 
    username = request.POST.get('username') 
    password = request.POST.get('password') 
    user = authenticate(username=username, password=password) 
    if user is not None: 
     if user.is_active: 
      login(request, user) 
      return HttpResponseRedirect("/") 
     else: 
      # Return a 'disabled account' error message 
      return HttpResponseRedirect("/") 
    else: 
     # Return an 'invalid login' error message 
    ---> error_message = "Incorrect username or password." 
    return render(request, 'profile/login.html', {'error_message': error_message}, context) 

Однако в моем шаблоне, эта переменная не отображается независимо от того, что, даже если я установить переменную внутри " if ".

Вот мой шаблон:

{% include '__header.html' %} 
<style> 
main { 
    width: 920px; 
    background: none; 
    margin-top: calc(50vh - 280px) 
} 
</style> 

<div class="form-container"> 
<form id="user" method="post" action="/login/" 
enctype="multipart/form-data" class="text"> 
    {% csrf_token %} 
    <div class="title">Login to your account</div> 
    <div class="form-col"> 
     <div class="field-container"> 
      <div class="field-input-container"> 
       <div class="field-label">Username</div> 
       <div class="field-input"> 
        <input class="field-input-element" type="text" name="username"/> 
       </div> 
      </div> 
     <div class="field-help"></div> 
     </div> 
    </div> 
    <div class="form-col"> 
     <div class="field-container" style="height: 110px"> 
      <div class="field-input-container"> 
       <div class="field-label">Password</div> 
       <div class="field-input"> 
       <input class="field-input-element" type="password" name="password"/> 
       </div> 
      </div> 
     <div class="field-error">{{ error_message }}</div> 
     <div class="field-help"></div> 
     </div> 
    </div> 
    <div class="form-button-container"> 
    <input type="submit" name="submit" value="Login" class="button form-button"/> 
    </div> 
</form> 
</div> 

{% include '__footer.html' %} 

Итак, как я могу показать сообщение об ошибке в шаблоне только если там была ошибка?

---

Обновленный код на основе ответов от (по-прежнему делает то же самое)

def LoginView(request): 
    template_name='profile/login.html' 
    logout(request) 
    context = RequestContext(request) 

    if request.method == 'POST': 
     username = request.POST.get('username') 
     password = request.POST.get('password') 
     user = authenticate(username=username, password=password) 
     if user is not None: 
      if user.is_active: 
       login(request, user) 
       return HttpResponseRedirect("/") 
      else: 
       # Return a 'disabled account' error message 
       return HttpResponseRedirect("/") 
     else: 
      # Return an 'invalid login' error message 
      error_message = "Incorrect username or password." 
    else: 
     error_message = '' 

    return render(request, 'profile/login.html', {'error_message': error_message}, context) 

Answer 1

Логика, которая у вас есть для проверки пользователей детали должны быть сделаны только, если они размещены в форме, так что вы можете обернуть эту часть в if request.method == 'POST'

if request.method == 'POST': 
    username = request.POST.get('username') 
    password = request.POST.get('password') 
    user = authenticate(username=username, password=password) 
    if user is not None: 
     if user.is_active: 
      login(request, user) 
      return HttpResponseRedirect("/") 
     else: 
      # Return a 'disabled account' error message 
      return HttpResponseRedirect("/") 
    else: 
     # Return an 'invalid login' error message 
     error_message = "Incorrect username or password." 

Вы также можете обернуть ваша ошибка DIV в

{% if error_message %} 

Answer 2

Ваша непосредственная проблема заключается в том, что вы настраиваете ваше сообщение об ошибке для GET и POST запросов. Вы должны показывать его только для запросов POST после отправки пользователем данных.

if request.method == "POST": 
    username = request.POST.get('username') 
    password = request.POST.get('password') 
    user = authenticate(username=username, password=password) 
    if user is not None: 
     ... 
    else: 
     # Return an 'invalid login' error message 
     error_message = "Incorrect username or password." 

Answer 3

Вот пример того, что может быть полезным для вас, первого импорта и внутри вашего зрения объявить имя шаблона:

from django.contrib import messages 

template_name='your_app/login.html' #Inside the login view 

Затем, после того, как не удается Логин:

messages.error(request, "incorrect user or password") 

И последнее, рендеринг шаблона:

return render(request, self.template_name,{"form_group" : form_group}) 

Надеется, что это помогает.