Error messages are displayed below the input fields

This commit is contained in:
Cezar Pendarovski 2014-09-04 16:01:27 +02:00
parent d56efb8f82
commit ea259e8bde

View File

@ -18,38 +18,38 @@
<div class="row-fluid">
<div>
<form action="{% url 'rest_framework:login' %}" class=" form-inline" method="post">
{% if form.non_field_errors %}
{% for error in form.non_field_errors %}
<p class="alert">{{ error }}</p>
{% endfor %}
{% endif %}
{% csrf_token %}
<div id="div_id_username" class="clearfix control-group">
<div class="controls">
<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>
{% if form.username.errors %}
<p class="alert">
<p class="alert" style="margin-top: 10px">
{{ form.username.errors|striptags }}
</p>
{% endif %}
<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>
</div>
</div>
<div id="div_id_password" class="clearfix control-group">
<div class="controls">
<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>
{% if form.password.errors %}
<p class="alert">
<p class="alert" style="margin-top: 10px">
{{ form.password.errors|striptags }}
</p>
{% endif %}
<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>
</div>
</div>
<input type="hidden" name="next" value="{{ next }}" />
<div class="form-actions-no-box">
<input type="submit" name="submit" value="Log in" class="btn btn-primary" id="submit-id-submit">
</div>
{% if form.non_field_errors %}
{% for error in form.non_field_errors %}
<div class="alert" style="margin-top: 10px">{{ error }}</div>
{% endfor %}
{% endif %}
</form>
</div>
</div><!-- /.row-fluid -->