在Django中如何将两个字段内容相加并在第三个字段显示结果？

嘿，我完全懂你现在的感受——刚学Django的时候，哪怕是这种看起来很基础的表单处理，也容易卡壳。既然你已经确认标注?????的代码块在提交时会执行，那咱们就聚焦在这块逻辑上，一步步实现两个字段相加并显示结果的功能。

第一步：确保你的表单类配置正确 #

首先，你的表单里result字段应该设为只读（不需要用户输入），而且可以不用必填，因为结果是计算出来的。示例表单类可以这么写：

from django import forms

class SumCalculationForm(forms.Form):
    first = forms.IntegerField(label="第一个数值")
    second = forms.IntegerField(label="第二个数值")
    # result字段设为只读，不需要用户填写
    result = forms.IntegerField(
        label="计算结果",
        required=False,
        widget=forms.TextInput(attrs={"readonly": "readonly"})
    )

第二步：在视图的POST处理逻辑里实现计算 #

这就是你标注?????的核心代码块了。当用户提交表单（POST请求）时，你需要验证表单、取出两个字段的有效值、计算总和，然后把结果回传给表单，这样模板就能显示出来：

from django.shortcuts import render
from .forms import SumCalculationForm

def calculate_sum(request):
    if request.method == "POST":
        # 绑定POST数据到表单
        form = SumCalculationForm(request.POST)
        if form.is_valid():
            # 从cleaned_data里取验证后的数值（一定要用这个，安全且自动转类型）
            first_num = form.cleaned_data["first"]
            second_num = form.cleaned_data["second"]
            # 计算总和
            total = first_num + second_num
            # 重新初始化表单，把用户输入的数值和计算结果传进去，保留输入并显示结果
            form = SumCalculationForm(
                initial={
                    "first": first_num,
                    "second": second_num,
                    "result": total
                }
            )
    else:
        # GET请求时显示空表单
        form = SumCalculationForm()
    return render(request, "sum_template.html", {"form": form})

第三步：模板里正确渲染表单 #

模板里要确保表单用POST方法提交，并且包含Django要求的CSRF令牌，这样才能正常提交：

<form method="post">
    {% csrf_token %}
    <!-- 用as_p快速渲染所有字段，也可以自定义每个字段的样式 -->
    {{ form.as_p }}
    <button type="submit">计算总和</button>
</form>

如果你想自定义字段的排版，也可以单独渲染每个字段：

<form method="post">
    {% csrf_token %}
    <div class="form-group">
        {{ form.first.label_tag }}
        {{ form.first }}
    </div>
    <div class="form-group">
        {{ form.second.label_tag }}
        {{ form.second }}
    </div>
    <div class="form-group">
        {{ form.result.label_tag }}
        {{ form.result }}
    </div>
    <button type="submit">计算总和</button>
</form>

几个关键提醒 #

• 必须使用form.cleaned_data获取字段值：这是Django表单验证后生成的安全数据，会自动把表单输入的字符串转换成对应的类型（比如整数），比直接从request.POST拿值更可靠。
• 保留用户输入：重新初始化表单时带上first和second的旧值，这样用户提交后不会丢失之前输入的内容，体验更好。
• 不要漏了CSRF令牌：模板里的{% csrf_token %}是必须的，否则Django会拒绝你的POST请求，返回403错误。

如果你的现有代码和这个示例有差异，或者还有其他细节问题，可以把相关的代码片段贴出来，我再帮你针对性调整～

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