django 表单总是无效

Question

我正在使用ajax向我的视图发送数据，目标是在不刷新页面的情况下发布cmets

问题是表单在检查是否有效时总是返回false，我找不到问题希望你能帮助我

当我提交表单时它返回结果：“”因为表单无效

所以我打印了comment_form.errors，看起来数据是空的

<ul class="errorlist"><li>content<ul class="errorlist"><li>This field is required.</li></ul></li><li>question<ul class="errorlist"><li>This field is required.</li></ul></li></ul>

我的观点

def question_detail(request, slug):

    question = get_object_or_404(Question, slug=slug)

    allcomments = question.comments.all()

    comment_form = CommentCreateForm()

    return render(request, 'question/question_detail.html', {'question': question, 'form': comment_form, 'comments': allcomments})

def add_comment(request):

    if request.is_ajax() and request.method == 'POST':
        comment_form = CommentCreateForm(data=request.POST)
        print(comment_form.is_valid())
        
        if comment_form.is_valid():
            print('hi')
            user_comment = comment_form.save(commit=False)
            result = comment_form.cleaned_data.get('content')
            user = request.user
            user_comment.author = user
            user_comment.save()
            return JsonResponse({'result': result, 'user': user.username})
        else:
            print('anything')
    return JsonResponse({"result": ''})

我的模板

                <form id="commentform" data-question="{{question.slug}}" class="commentform" method="POST">
                    <legend class="border-bottom fw-bold">Add a Comment</legend>
                    {% csrf_token %}

                    <select name="question" id="id_question" class="d-none">
                        <option value="{{question.id}}" selected="{{question.id}}"></option>
                    </select>
                    <label>{{form.parent.label}}</label>
                    {{form.parent}}

                    {{form.content}}
                    <button type="submit" value="commentform" id="newcomment"
                        class="newcomment btn btn-primary col-12 mt-1">Post</button>
                </form>

    $(document).on('click', '#newcomment',' #newcommentinner', function(e){
    e.preventDefault();

    let button = $(this).attr("value");
    // let slug = $('#commentform').attr("data-question") 
    let csrftoken = $('[name="csrfmiddlewaretoken"]').val();
    // let patch = "{% url 'question:question_detail' 0 %}".replace(0, slug)
    console.log($("#commentform").serialize())

    var placement = "commentform"
    if (button == "newcommentform") {
      var placement = "newcommentform"
    }
    $.ajax({
        type:'POST',
        url:"{% url 'question:add_comment' %}",
        data:{
            'data': $("#" + button).serialize(),
            'csrfmiddlewaretoken': csrftoken,
        },
        cache:false,
        success: function(json) {
            console.log(json)
        },
        error: function(xhr, errmsg, err){
        }
    })
});

Answer 1

未测试，但会得到指导

def add_comment(request):
   if request.is_ajax() and request.method == 'POST':
     comment_form = CommentCreateForm(request.POST)
     print(comment_form)
     if comment_form.is_valid():
        user_comment = comment_form.save(commit=False)
        result = comment_form.cleaned_data.get('content')
        user = request.user
        user_comment.author = user
        user_comment.save()
        return JsonResponse({'result': result, 'user': user.username})
  return JsonResponse({"result": ''})