Django自定义UserCreationForm密码校验不生效，如何实现无刷新实时校验？

问题本质说明 #

你遇到的密码不符合规则仍然可以提交的情况是预期行为，和配置错误无关：

• 邮箱字段的提示是浏览器针对type="email"输入框的原生HTML5校验，属于浏览器默认行为
• 密码字段默认是type="password"，浏览器没有内置Django的密码规则校验逻辑，也不会自动比对两次输入的密码，因此默认可以正常提交。

你当前的表单确实存在配置问题：你继承UserCreationForm后重写了password1、password2为普通forms.Field，直接覆盖了父类自带的密码校验逻辑（包括两次密码一致性校验、Django标准密码规则校验），就算后端提交后调用is_valid()，也不会触发你期望的校验效果。

修复步骤 #

1. 修正表单代码 #

不要重写父类已经定义好的username、password1、password2字段，仅修改字段的widget属性即可：

class RegistrationForm(UserCreationForm):
    # 仅新增父类没有的email字段
    email = forms.EmailField(
        widget=forms.EmailInput(attrs={'class': "form-field w-input", 'placeholder': 'Email address'})
    )

    class Meta:
        model = User
        fields = ('username', 'email')
    
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        # 统一修改父类已有字段的属性
        self.fields['username'].widget.attrs.update({'class': "form-field w-input", 'placeholder': 'Username'})
        self.fields['password1'].widget.attrs.update({
            'class': "form-field w-input", 
            'placeholder': 'Password',
            'minlength': 8  # 加HTML5原生最短长度校验，匹配Django默认密码要求
        })
        self.fields['password2'].widget.attrs.update({'class': "form-field w-input", 'placeholder': 'Repeat Password'})

2. 实现无刷新校验 #

Ajax方案不是必须的，可根据你的需求选择实现方式：

基础需求（仅校验长度、两次密码一致）

使用HTML5原生校验+少量JS即可实现和邮箱字段一致的弹出提示效果，不需要Ajax：
在模板中加入以下JS代码即可：

const registerForm = document.querySelector('form[action="{% url 'signup' %}"]');
const pwd1 = registerForm.querySelector('input[name="password1"]');
const pwd2 = registerForm.querySelector('input[name="password2"]');

// 表单提交前校验密码一致性
registerForm.addEventListener('submit', (e) => {
    if (pwd1.value !== pwd2.value) {
        e.preventDefault();
        pwd2.setCustomValidity('两次输入的密码不一致');
        pwd2.reportValidity();
    } else {
        pwd2.setCustomValidity('');
    }
});

// 输入时清除错误提示
pwd2.addEventListener('input', () => {
    pwd2.setCustomValidity('');
});

复杂需求（校验弱密码、不能和用户名相似等）

这类规则前端实现成本高，才需要用Ajax调用后端接口，后端调用Django内置的密码验证器返回校验结果即可。

3. 补充后端POST校验逻辑 #

不管前端加不加校验，后端处理注册POST请求时必须调用表单的is_valid()方法做兜底校验，避免前端校验被绕过后非法数据入库。

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