Displaying Error On Password Change Forms (Reset+Change)

Author: ash1969

website/forum/templates/registration/login.html

@@ -48,11 +48,14 @@
       <!-- LOGIN  -->
       <button type="submit" class="btn btn-outline-success ml-2"style="float:right;">Login</button>
       <a href="{% url 'profile:password_reset'%}" style="position:relative;float:left;bottom:-5px;margin-left:10px;text-decoration: underline;">Forgot password</a>
-        {% if form.errors %}
-         <p class="text-warning">Username or Password is Incorrect!</p>
-        {% endif %}
+
     </form>
     <div class="col-sm-10 col-md-5 col-lg-5">
+        {% if form.errors %}
+         <div class="alert alert-warning" role="alert">
+          Username or Password is Incorrect!
+         </div>
+        {% endif %}
         <hr class="mobileLine">
       <span style="position: relative;bottom:10px;">Don't have an account, make one !</span>
       <!-- SIGN UP -->

website/user_profile/templates/registration/change_password.html

@@ -24,6 +24,15 @@
           </table>
               <br>
           <button type="submit" class="save btn btn-success">Submit</button>
+          {% if form.errors %}
+            <div class="alert alert-warning" role="alert">
+                {% for field in form %}
+                  {% for error in field.errors %}
+                    {{ error }}
+                  {% endfor %}
+                {% endfor %}
+            </div>
+        {% endif %}
         </form>
     </center>
   </div>

website/user_profile/templates/registration/password_reset_form.html

@@ -14,6 +14,15 @@
               <input type="hidden" name="ajax_check" value="True">
           </table>
           <button type="submit" class="save btn btn-success">Submit</button>
+          {% if form.errors %}
+            <div class="alert alert-warning" role="alert">
+                {% for field in form %}
+                  {% for error in field.errors %}
+                    {{ error }}
+                  {% endfor %}
+                {% endfor %}
+            </div>
+        {% endif %}
         </form>
     </center>
     <div id='msg'>