Input fields get hightlighted if login fails and username is persisted

This commit is contained in:
Cezar Pendarovski 2014-09-05 09:38:54 +02:00
parent 3bc858c30b
commit 6106701c06

View File

@ -17,25 +17,32 @@
<div class="row-fluid"> <div class="row-fluid">
<div> <div>
<form action="{% url 'rest_framework:login' %}" class=" form-inline" method="post"> <form action="{% url 'rest_framework:login' %}" role="form" method="post">
{% csrf_token %} {% csrf_token %}
<div id="div_id_username" class="clearfix control-group"> <div id="div_id_username"
class="clearfix control-group {% if form.username.errors %}warning{% endif %}">
<div class="controls"> <div class="controls">
<Label class="span4">Username:</label> <Label class="span4">Username:</label>
<input style="height: 25px" type="text" name="username" maxlength="100" autocapitalize="off" autocorrect="off" class="textinput textInput" id="id_username" required> <input style="height: 25px" type="text" name="username" maxlength="100"
autocapitalize="off" autocorrect="off" class="textinput textInput"
id="id_username"
{% if form.username.value %}value="{{ form.username.value }}"{% endif %}>
{% if form.username.errors %} {% if form.username.errors %}
<p class="alert" style="margin-top: 10px"> <p class="text-warning" style="margin-top: 10px">
{{ form.username.errors|striptags }} {{ form.username.errors|striptags }}
</p> </p>
{% endif %} {% endif %}
</div> </div>
</div> </div>
<div id="div_id_password" class="clearfix control-group"> <div id="div_id_password"
class="clearfix control-group {% if form.password.errors %}warning{% endif %}">
<div class="controls"> <div class="controls">
<Label class="span4">Password:</label> <Label class="span4">Password:</label>
<input style="height: 25px" type="password" name="password" maxlength="100" autocapitalize="off" autocorrect="off" class="textinput textInput" id="id_password" required> <input style="height: 25px" type="password" name="password" maxlength="100"
autocapitalize="off" autocorrect="off" class="textinput textInput"
id="id_password">
{% if form.password.errors %} {% if form.password.errors %}
<p class="alert" style="margin-top: 10px"> <p class="text-warning" style="margin-top: 10px">
{{ form.password.errors|striptags }} {{ form.password.errors|striptags }}
</p> </p>
{% endif %} {% endif %}
@ -44,7 +51,7 @@
<input type="hidden" name="next" value="{{ next }}" /> <input type="hidden" name="next" value="{{ next }}" />
{% if form.non_field_errors %} {% if form.non_field_errors %}
{% for error in form.non_field_errors %} {% for error in form.non_field_errors %}
<div class="alert" style="margin-top: 10px">{{ error }}</div> <div class="text-warning" style="margin: 10px 0">{{ error }}</div>
{% endfor %} {% endfor %}
{% endif %} {% endif %}
<div class="form-actions-no-box"> <div class="form-actions-no-box">