Django密码字段Placeholder不生效问题求助

我之前也碰到过一模一样的问题！你说的phone和email字段能正常显示Placeholder，但password1、password2不行，核心原因是UserCreationForm里的password1和password2是预先定义好的字段，并不是通过Meta类里的fields自动映射生成的，所以直接在Meta的widgets里配置它们的属性不会生效。

先补全你提供的代码片段（推测未写完的widgets部分）：

from django import forms
from django.contrib.auth.forms import UserCreationForm
from customuser.models import User
from django.forms import TextInput,EmailInput,PasswordInput

class SignUpForm(UserCreationForm):
    class Meta:
        model = User
        fields = ('phone', 'email', 'password1', 'password2', 'is_client','is_partner')
        widgets = {
            'phone': TextInput(attrs={'placeholder': '请输入手机号'}),
            'email': EmailInput(attrs={'placeholder': '请输入邮箱'}),
            # 这里配置password1和password2不会生效
            'password1': PasswordInput(attrs={'placeholder': '请输入密码'}),
            'password2': PasswordInput(attrs={'placeholder': '请确认密码'}),
        }

下面给你两种可行的解决方法：

方法一：重新定义密码字段 #

直接在SignUpForm里重新声明password1和password2字段，手动指定它们的widget和Placeholder：

from django import forms
from django.contrib.auth.forms import UserCreationForm
from customuser.models import User
from django.forms import TextInput,EmailInput,PasswordInput

class SignUpForm(UserCreationForm):
    # 重新定义两个密码字段，添加placeholder
    password1 = forms.CharField(
        label='密码',
        widget=PasswordInput(attrs={'placeholder': '请输入至少8位密码'}),
    )
    password2 = forms.CharField(
        label='确认密码',
        widget=PasswordInput(attrs={'placeholder': '请再次输入密码确认'}),
    )

    class Meta:
        model = User
        fields = ('phone', 'email', 'password1', 'password2', 'is_client','is_partner')
        widgets = {
            'phone': TextInput(attrs={'placeholder': '请输入手机号'}),
            'email': EmailInput(attrs={'placeholder': '请输入邮箱'}),
        }

方法二：重写表单的__init__方法 #

在初始化方法里修改已有的password1和password2字段的widget属性，这种方法不用重新定义字段，更灵活：

from django import forms
from django.contrib.auth.forms import UserCreationForm
from customuser.models import User
from django.forms import TextInput,EmailInput,PasswordInput

class SignUpForm(UserCreationForm):
    class Meta:
        model = User
        fields = ('phone', 'email', 'password1', 'password2', 'is_client','is_partner')
        widgets = {
            'phone': TextInput(attrs={'placeholder': '请输入手机号'}),
            'email': EmailInput(attrs={'placeholder': '请输入邮箱'}),
        }

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        # 修改密码字段的placeholder
        self.fields['password1'].widget.attrs['placeholder'] = '请输入至少8位密码'
        self.fields['password2'].widget.attrs['placeholder'] = '请再次输入密码确认'

这两种方法都能解决你的问题，我个人更推荐第二种，因为它保留了UserCreationForm原有的密码验证逻辑，不用自己再重复写~

内容的提问来源于stack exchange，提问作者Jekson