自定义Django SetPasswordForm遇阻：添加占位符与样式类无效

Hey there! It’s super frustrating when something that worked for other forms doesn’t click here—let’s break down why your custom MySetPasswordForm isn’t applying those placeholders and classes, and fix it step by step.

1. Ensure Your Custom Form is Attached to the View #

Django’s built-in SetPasswordView uses the default SetPasswordForm out of the box. You need to explicitly tell the view to use your custom form by overriding the form_class attribute:

from django.contrib.auth.views import SetPasswordView
from .forms import MySetPasswordForm

class CustomSetPasswordView(SetPasswordView):
    form_class = MySetPasswordForm
    # Don't forget to update your URLconf to point to this custom view instead of the default one!

Then, update your urls.py to use CustomSetPasswordView instead of the stock SetPasswordView—this is a common oversight that keeps custom forms from being used.

2. Verify Your Template Renders Fields Properly #

If you’re using a custom template for the set password page, make sure you’re rendering individual fields (not just {{ form }} as a whole) so the widget attributes are picked up. Here’s a quick example of how to render the fields correctly:

<form method="post">
    {% csrf_token %}
    <div class="form-group">
        {{ form.new_password1.label_tag }}
        {{ form.new_password1 }} <!-- This will pull in your placeholder and class -->
        {% if form.new_password1.help_text %}
            <small class="text-muted">{{ form.new_password1.help_text|safe }}</small>
        {% endif %}
    </div>
    <div class="form-group">
        {{ form.new_password2.label_tag }}
        {{ form.new_password2 }}
        {% if form.new_password2.errors %}
            <div class="text-danger">{{ form.new_password2.errors }}</div>
        {% endif %}
    </div>
    <button type="submit" class="btn btn-primary">Set New Password</button>
</form>

If you’re using Django’s default template for set password, double-check that you’ve overridden it correctly in your app’s template directory (it should live at registration/password_set_form.html if you’re following conventions).

3. Check for __init__ Method Overrides #

If you added an __init__ method to your MySetPasswordForm, make sure you’re calling the parent class’s __init__—skipping this can wipe out your widget customizations:

class MySetPasswordForm(SetPasswordForm):
    new_password1 = forms.CharField(
        label=_("New password"),
        widget=forms.PasswordInput(attrs={'placeholder': 'New Password', 'class': 'password1'}),
        strip=False,
        help_text=password_validation.password_validators_help_text_html(),
    )
    new_password2 = forms.CharField(
        # Your field config here
    )

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)  # This line is critical!
        # Any additional custom logic can go here

4. Clear Caches to Rule Out Stale Content #

Sometimes browser cache or Django’s template cache can make it look like changes aren’t taking effect. Try:

• Hard-refreshing your browser (Ctrl+Shift+R on Windows/Linux, Cmd+Shift+R on Mac)
• Restarting your Django development server to ensure code changes are loaded
• Clearing Django’s template cache if you’re using cached templates

Walk through these steps one by one—chances are it’s either a view configuration issue or a template rendering quirk that’s keeping your custom form attrs from showing up. Since you got it working for login and password reset, you’re already halfway there!

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