【问题标题】:ajax form is_valid returns false (django)ajax 形式 is_valid 返回 false (django)
【发布时间】:2012-05-11 11:12:33
【问题描述】:

我无法弄清楚为什么我的表单返回 false 到 is_valid

我有一个名为 account 的页面,它有一个 ajax 函数来提交表单

我在我的帐户视图和我的 createform 视图中传递我的表单

createform 视图:这是处理我的 ajax 的地方

def createrecipe(request):
    print "entering createrecipeview"
    if request.method == 'POST':
        print "form is a post"
        form = RecipeForm(request.POST)
        print form.errors
        if form.is_valid():
            print "form is valid"
            form = RecipeForm(initial = {'original_cookbook' : request.user.cookbooks.all()[0]})
            form = form.save()
            if form.cleaned_data['reset_recipe'] == "True":
                print "reset recipe"
                form = RecipeForm(initial = {"original_cookbook": request.user.cookbooks.all()[0]})
                t = loader.get_template('cookbook/create_form.html')
                c = RequestContext(request, {
                'form': form,
                })

                data = {
                'replace': True,
                'form': t.render(c),
                'success': False,
                }

                json = simplejson.dumps(data)
                return HttpResponse(json,mimetype='text/plain')
            t = loader.get_template('cookbook/create_form.html')
            c = RequestContext(request, {
            'form': form,
            })

            data = {
            'replace': True,
            'form': t.render(c),
            'success': True,
            }

            json = simplejson.dumps(data)
            return HttpResponse(json, mimetype='text/plain')
        else:
            print "form is invalid"
            form = RecipeForm(request.POST)
            t = loader.get_template('cookbook/create_form.html')
            c = RequestContext(request, {
                'form':form,
            })

            data ={
                'form': t.render(c),
                'success': False,
            }

            json = simplejson.dumps(data)
            return HttpResponse(json, mimetype='text/plain')

帐户视图:这是我在表单中传递 ajax 视图的地方

def account(request):
    user = request.user
    if request.user.is_authenticated():
        cookbooks = user.cookbooks
        if cookbooks.all().exists():
            cookbook = cookbooks.all()[0]
            form = RecipeForm(request.POST)
            recipe_list = cookbook.recipes.all()
        else:
            raise Http404
    else:
        return HttpResponseRedirect('/accounts/login')
    t = loader.get_template('cookbook/account.html')
    c = RequestContext(request, {
        'form': form,
        'recipe_list': recipe_list
    })
    return HttpResponse(t.render(c))

所以我的问题是当使用 ajax 和 django 时,我需要什么视图来传递表单 有ajax js的页面或者有表单的页面

对不起,如果这令人困惑-如果没有意义,请告诉我,我会详细说明

这是我的 form.errors 打印

<ul class="errorlist"><li>name<ul class="errorlist"><li>This field is required.</li></ul></li><li>ingredients<ul class="errorlist"><li>This field cannot be null.</li></ul></li><li>author<ul class="errorlist"><li>This field is required.</li></ul></li><li>steps<ul class="errorlist"><li>This field cannot be null.</li></ul></li><li>prep_time<ul class="errorlist"><li>This field is required.</li></ul></li><li>type<ul class="errorlist"><li>This field is required.</li></ul></li></ul>

这实际上是有道理的,因为我没有向它没有验证的表单添加任何输入

对不起,我认为这是一场虚惊

这是我的 js

<script type="text/javascript"> 
$(document).ready(function(){
    var form = $('form#createrecipeform');
    form.submit(function(e) {
    e.preventDefault();
    console.log('ajax form submission function called successfully.');
    form = $(this);
    console.log(form)
    var serialized_form = form.serialize();
        $.ajax({ type: "POST", 
            url: $(this).attr('action'),
            data: serialized_form, 
            success: (function(data) { 
                console.log('ajax success function called successfully.');
                data = $.parseJSON(data);
                if (data.success) {
                    console.log('success');//i dont know what to do here
                    var newForm = data.form;
                    form.replaceWith(newForm);
                } else {
                    console.log('failure');// i also don't know what to do here
                    var newForm = data.form;
                    form.replaceWith(newForm);  
                }
            })
        });
        return false;
    });
});
</script> 

凯蒂

【问题讨论】:

  • 更多的澄清确实会有所帮助。您可以发布相关的 JS 。此外,您应该通过打印form.errors、在 ajax 错误中返回错误并将其记录到 JS 等来调试它,表单会告诉您它为什么无效。
  • 感谢您提供有关 form.errors 的有用信息
  • 你能帮助我理解 ajax 应该在哪里传递我的表单 - 我应该在调用 ajax 的页面和提交表单的页面上传递它,还是两者兼而有之?谢谢
  • 看起来表单缺少很多必填字段。您将不得不显示您的 javascript 代码和可能的 HTML 以确定什么是错误的。您只需要在第一页上的模板中的表单。您的 ajax 视图仅 处理 数据 - 仅在 python 中需要该表单
  • 我已经上传了我的 javascript,但我认为我的表单中有很多缺失的字段,因为现在我正在尝试在关闭 div 时重置表单(摆脱所有“此字段是必需的”警告)而不是重置表单,而是将我重定向到表单操作页面

标签: ajax django forms submit


【解决方案1】:

检查您是否发送每个非空字段。有时您发送的数据属性名称不正确,或者您缺少必填字段。要检查发生了什么,我建议使用 shell 输入数据并访问表单的错误列表。这样做

$python manage.py shell 
>>> from yourapp.models import yourClass 
>>> data = {'name':'Jefrey','age':27,'home':'NYC'}
>>> f = yourClass(data)
>>> f.is_valid()

如果您得到 False ,请执行此操作

>>>f.errors

这样你就会看到发生了什么。有关 Django 文档的更多信息 https://docs.djangoproject.com/en/dev/ref/forms/api/

希望对你有帮助

【讨论】:

    猜你喜欢
    • 2018-01-22
    • 2018-10-13
    • 1970-01-01
    • 2016-09-12
    • 2015-04-17
    • 1970-01-01
    • 2017-04-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多