Django表单数据绑定：HTML name 属性的关键作用与实践

# forms.py
from django import forms

class NewComment(forms.Form):
    text = forms.CharField(widget=forms.Textarea(attrs={'class': 'form-control', 'rows': 3}))

<!-- 错误的HTML表单示例 -->
<form method="post" action="{% url 'blog:add_comment' article.id %}">
    {% csrf_token %}
    <textarea type="text" id="text" class="form-control" rows="3"></textarea>
    <button type="submit" class="btn btn-primary mt-2">Submit</button>
</form>

<!-- 正确的HTML表单示例 -->
<form method="post" action="{% url 'blog:add_comment' article.id %}">
    {% csrf_token %}
    <textarea name="text" id="text" class="form-control" rows="3" placeholder="输入您的评论..."></textarea>
    <button type="submit" class="btn btn-primary mt-2">提交</button>
</form>

from django import forms

class NewComment(forms.Form):
    # 使用 CharField 并指定 Textarea widget 更符合多行文本输入
    text = forms.CharField(
        widget=forms.Textarea(attrs={'class': 'form-control', 'rows': 3}),
        label="评论内容" # 可以添加标签
    )

<form method="post" action="{% url 'blog:add_comment' article.id %}">
    {% csrf_token %}
    {# 确保 textarea 元素具有 name="text" 属性 #}
    <textarea name="text" id="id_text" class="form-control" rows="3" placeholder="输入您的评论..."></textarea>
    {# 提示：Django form.as_p 或 form.as_ul 会自动生成带有正确 name 和 id 的输入元素 #}
    {# 如果手动编写，请务必检查 name 属性 #}
    <button type="submit" class="btn btn-primary mt-2">提交</button>
</form>

from django.shortcuts import redirect, render, get_object_or_404
from .forms import NewComment
# 假设您有一个 Article 模型
# from .models import Article

def add_comment(request, article_id):
    # article = get_object_or_404(Article, pk=article_id) # 如果需要获取文章对象

    if request.method == "POST":
        form = NewComment(request.POST) # 将 request.POST 数据传递给表单实例
        if form.is_valid():
            # 数据验证成功
            comment_text = form.cleaned_data['text']
            # 在这里处理评论数据，例如保存到数据库
            # Comment.objects.create(article=article, text=comment_text, author=request.user)
            print(f"成功接收到评论: {comment_text}")
            return redirect('blog:detail', article_id=article_id)
        else:
            # 数据验证失败，通常会重新渲染表单并显示错误信息
            print("表单验证失败:", form.errors)
            # 示例：重新渲染详情页并显示表单错误
            # return render(request, 'blog/detail.html', {'article': article, 'form': form})
            # 根据原始需求，这里依然重定向，但在实际应用中应处理错误
            return redirect('blog:detail', article_id=article_id)

    # 对于 GET 请求，或者如果 POST 请求验证失败但选择不重新渲染表单，则重定向
    return redirect('blog:detail', article_id=article_id)