Question

我使用django allauth进行用户注册和登录系统。我可以通过使用for循环简化代码行来显示表单。我也为每个字段获得了正确的字段类型（TextInput和PasswordInput）。但是，具有PasswordInput的密码字段以纯文本显示密码。我怎么解决这个问题？

我的注册页面（account / signup.html）

<form class="signup" id="signup_form" method="post" action="{% url 'account_signup' %}">
    {% csrf_token %}
     {% for field in form.visible_fields %}
     <div class="form-group">
        <label for="{{ field.id_for_label}}">{{field.label}}</label>
        {{ field.errors.0 }}
        <input type="{{field|input_type}}" name="{{ field.name }}" class="form-control" id="{{ field.id_for_label}}">
     </div>
     {% endfor %}
</form>

filters.py

from django import template
register = template.Library()

@register.filter('input_type')
def input_type(field):
    print('field',field.field.widget.__class__)
    return field.field.widget.__class__.__name__

如何在dot中显示密码？

Answer 1

您可以通过覆盖表单类

中的__init__方法来添加类

def __init__(self, *args, **kwargs): 
    super().__init__(*args, **kwargs) 
    self.fields['password'].widget.attrs['class'] = 'form-control'

Answer 2

密码以纯文本显示，因为您错误地分配了<input>类型，因此不会将密码隐藏为<input type="password">。

通过阅读评论，您似乎正在尝试将自定义引导类添加到表单字段。正如Anna Vracheva所说，您可以使用表单的__init__方法将类添加到字段中。

from django import forms

class CustomForm("""Whichever class you're inheriting from, probably ModelForm"""):
    # If you're using AllAuth, this is already defined on the form
    password = fields.CharField(widget=forms.PasswordInput) 
    # Or whatever field, for that matter

    def __init__(self, *args, **kwargs):
        super(CustomFieldForm, self).__init__(*args, **kwargs)

        # Option 1 - Assign to only password
        self.fields['password'].widget['class'] = 'form-control'

        # Option 2 - Loop over all fields and assign to all
        for field in self.fields:
            field.widget['class'] = 'form-control'

然后，让Django的模板执行以下操作，而不是手动呈现HTML：

<!-- This -->
{{ field }}
<-- -->
<!-- Instead of this -->
<input type="{{field|input_type}}" name="{{ field.name }}" 
       class="form-control" id="{{ field.id_for_label}}">

这应该可以解决您在保留表单类时遇到的任何字段渲染问题。

Answer 3

你也可以试试这个：

<input class="form-control" type="{{ field.field.widget.input_type }}"
                   name="{{ field.name }}"
                   id="id_{{ field.name }}" >

密码字段以纯文本显示密码

3 个答案: