自定义 django all-auth 表单未提交

Question

我正在使用 django all-auth 登录表单。我想自定义表单字段的外观，所以我将帐户文件夹中的 login.html 更改为如下所示：

<form class="login" method="POST" action="{% url 'account_login' %}">
    {% csrf_token %}
    {% for field in form.visible_fields|slice:'2' %}
        <div class="row form-group">
            {% if field.name == 'login' %}
                <input type="text" placeholder="Email"><i class="fas fa-at"></i>
            {% else %}
                <input type="password" placeholder="Password"><i class="la la-lock"></i>
            {% endif %}
        </div>
    {% endfor %}
    <a href="{% url 'account_reset_password' %}">Forgot Password?</a>
    <button type="submit">Sign In</button>
</form>

表单完全按照我的意愿呈现，但是当我点击提交时没有任何反应。令我感到奇怪的是，如果我只是键入 {{ form.as_p }} 而不是我的 for 循环，那么表单提交的结果非常好，它只是看起来不像我想要的那样。任何人都可以在我的循环中看到错误，还是这里有其他问题。我一直在网上寻找解决方案，但至今没有成功

Answer 1

您需要在输入标签中指定字段名称，否则 POST 字典将为空。您正在使用 {% if field.name == 'login' %} 但您忘记指定名称属性。同样适用于密码输入。

<form class="login" method="POST" action="{% url 'account_login' %}">
    {% csrf_token %}
    {% for field in form.visible_fields|slice:'2' %}
        <div class="row form-group">
            {% if field.name == 'login' %}
                <input name='login' type="text" placeholder="Email"><i class="fas fa-at"></i>
            {% else %}
                <input name='password' type="password" placeholder="Password"><i class="la la-lock"></i>
            {% endif %}
        </div>
    {% endfor %}
    <a href="{% url 'account_reset_password' %}">Forgot Password?</a>
    <button type="submit">Sign In</button>
</form>

自定义 django all-auth 表单未提交

Customized django all-auth form not submitting

django

form-submit

django-custom-field

django-allauth