Django中HTTP post请求后保持在选项卡上

我正在为一个客户制作一个网站的注册表格（登录和注册）

它看起来像这样：

我根据请求将其实现为两个选项卡，一个用于登录，另一个用于注册

我使用django表单在服务器上创建表单，并使用模板捕获错误 比如说：

                            {% if respErrors %}
                                <div class="alert alert-danger">    
                                    <strong>Errors:</strong>
                                    <ul>
                                        {% for error in respErrors %}
                                        <li class ="errorLi">{{ error }}</li>
                                        {% endfor %}
                                    </ul>
                                </div>
                            {% endif %} 
                            <p>                                 
                                <label for="{{loginForm.username.id_for_label}}" class="nonBool"> Your Email or Username </label>
                                {{ loginForm.username }}
                                {% if loginForm.username.errors %}
                                <div class="alert alert-danger">                                    
                                    {{ loginForm.username.errors }}
                                </div>
                                {% endif %}
                            </p>

问题是要将焦点重新放在第一个选项卡上，如何保持第二个选项卡的焦点，这样您就不必再次单击第二个选项卡来查看输入错误字段下的错误

---

谢谢

我建议您根据相应的错误更改以下div：

，

。此外，还必须在相应的

中设置

类='active'

。在您的特定情况下，请尝试以下操作：

第一:

<!-- language: lang-html -->
<ul class="nav nav-tabs">
     {% if signupForm.errors %}  
        <li><a href="#login" data-toggle="tab">Login</a></li>
        <!-- set the Create Account tab as active -->
        <li class = 'active'><a href="#create" data-toggle="tab">Create Account</a></li>
     {% else %}  
        <!-- set the Login tab as active -->
        <li class = 'active'><a href="#login" data-toggle="tab">Login</a></li>
        <li><a href="#create" data-toggle="tab">Create Account</a></li>
     {% endif %}
</ul>

{%if signupForm.errors%}


{%else%}


{%endif%}

然后在

行中执行此操作：

<!-- language: lang-html -->
{% if signupForm.errors %}  
            <div class="tab-pane fade" id="login">
{% else %}  
            <!-- show the login tab -->
            <div class="tab-pane active in" id="login">
{% endif %}

<!-- language: lang-html -->
{% if signupForm.errors %}  
            <!-- show the create account tab -->
            <div class="tab-pane active in" id="create">
{% else %}  
            <div class="tab-pane fade" id="create">
{% endif %}

{%if signupForm.errors%}
{%else%}
{%endif%}

最后，在

行中执行此操作：

<!-- language: lang-html -->
{% if signupForm.errors %}  
            <div class="tab-pane fade" id="login">
{% else %}  
            <!-- show the login tab -->
            <div class="tab-pane active in" id="login">
{% endif %}

<!-- language: lang-html -->
{% if signupForm.errors %}  
            <!-- show the create account tab -->
            <div class="tab-pane active in" id="create">
{% else %}  
            <div class="tab-pane fade" id="create">
{% endif %}

{%if signupForm.errors%}
{%else%}
{%endif%}

---

注意：请忽略

行，我是Stackoverflow新手，不知道如何指定html sintax作为我的答案。

非常感谢@caroso1222