Django表单disabled字段提交数据丢失问题求助

核心问题 #

浏览器不会提交处于disabled状态的表单字段值——这就是你输入生日后计算出的age值在后端clean()方法中为None的原因：你通过JS把age字段设为disabled后，提交表单时该字段不会被发送到后端，自然无法被Django获取。而输入年龄计算生日时未禁用生日字段，所以功能正常。

解决方案 #

方案1：用readonly替代disabled（推荐）

readonly字段的交互效果和disabled一致（用户无法编辑），但会保留字段值并随表单提交，完美适配你的需求。

修改前端JS代码：

// 生日输入后的处理
$("#id_birthday").on('focusout', function() {
    if($("#id_birthday").val()) {
        var birthday = new Date($("#id_birthday").val());
        var today = new Date();
        var age = Math.floor((today - birthday) / (365.25 * 24 * 60 * 60 * 1000));
        $("#id_age").val(age);
        // 替换为readonly
        $("#id_age").prop('readonly', true);
    }
    else {
        $("#id_age").prop('readonly', false);
    }
});

方案2：表单提交前临时移除disabled属性

如果必须使用disabled，可在表单提交前动态移除该属性，确保字段值被发送：

$(document).ready(function() {
    // 原有逻辑...
    
    // 新增表单提交事件处理
    $("form").on('submit', function() {
        // 移除所有disabled字段的disabled属性
        $(this).find(':disabled').prop('disabled', false);
    });
});

方案3：后端补充数据一致性验证（必加）

无论前端如何处理，都应该在后端表单中添加clean()方法，确保生日和年龄数据一致，避免前端篡改或计算误差：

修改forms.py中的PatientCreateForm：

from datetime import date

class PatientCreateForm(forms.ModelForm):
    birthday = forms.DateField(widget=forms.DateInput(attrs={'type': 'date'}), required=False)
    age = forms.IntegerField(required=False)
    
    class Meta:
        model = Patient
        fields = ['birthday', 'age']

    def clean(self):
        cleaned_data = super().clean()
        birthday = cleaned_data.get('birthday')
        age = cleaned_data.get('age')

        # 确保至少输入一项
        if not birthday and not age:
            raise forms.ValidationError("请输入生日或年龄")
        
        # 根据生日计算年龄并同步
        if birthday:
            today = date.today()
            calculated_age = today.year - birthday.year - ((today.month, today.day) < (birthday.month, birthday.day))
            cleaned_data['age'] = calculated_age
        
        # 根据年龄计算生日并同步（按前端逻辑取当年减年龄的1月1日）
        elif age:
            today = date.today()
            birth_year = today.year - age
            cleaned_data['birthday'] = date(birth_year, 1, 1)
        
        return cleaned_data

其他场景适配 #

对于默认值为0、启用后输入数据被忽略的字段，同样适用上述方案：用readonly替代disabled，或在提交前移除disabled属性，确保字段值能被后端接收。

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