Как добавить функцию переключения пароля в форме, расширенной из встроенной формы аутентификации Django?

Я расширяю форму UserLoginForm из встроенной AuthenticationForm Django. Я передаю эту форму на мою страницу входа. Я хочу добавить к этому функцию переключения пароля. Это моя форма входа пользователя и это моя страница входа. Но я хочу добавить функцию пароля, например этот. Я попробовал атрибут «переключение данных» в своей форме, но это не сработало. Поскольку я расширяюсь из встроенной формы, я не мог переключать функциональность через идентификатор элемента. Я использую Bootstrap5. Пожалуйста, дайте мне знать, как мне добавить функцию переключения пароля в этом случае.


django javascript html css bootstrap-5
person Yusuf    schedule 06.06.2021    source источник
comment
Отвечает ли это на ваш вопрос? Как показать и скрыть пароль при нажатии на значок глаза с помощью jquery   -  person Abdul Aziz Barkat    schedule 06.06.2021

Ответы (2)


arrow_upward
0
arrow_downward 

class CustomerLoginFrom(ModelForm):
    class Meta:
        model = UserLogin
        fields = ['user_name','password']
        labels = {
            "user_name": "*Username",
            "password": "*Password"
        }    
        widgets = {
            "user_name":  TextInput(attrs={'placeholder':'ex:test','autocomplete': 'off'}), 
            "password": PasswordInput(attrs={'placeholder':'********','autocomplete': 'off','data-toggle': 'password'}),
        }

Попробуйте так.

person Ashraful Islam    schedule 06.06.2021

arrow_upward
0
arrow_downward

Вышеуказанная функциональность достигается путем импорта этой библиотеки, https://pypi.org/project/django-widget-tweaks/

<label>{{ form.password.label}}<span class="text-muted mb-4">
                                    </span></label>
    <small class="form-text text-muted mb-4 small">
           At least 8 characters and 1 digit
    </small>
    {% render_field form.password id="pwd" %}

Скрипт можно добавить, взяв id отсюда id="pwd"

person Yusuf    schedule 09.06.2021