0

私はearle/django-bootstrapを使用して、twitterブートストラップでスタイル設定されたフォームを表示しています。スタイルを変更して、ユーザーがフォームの入力中に犯したエラーを表示できるようにしたい（つまり、ユーザーが必須フィールドを見逃した場合）

エラーの出力方法に関するドキュメントが見つかりません。jquery.form.jsを使用してフォームを送信し、辞書の配列にエラーを返しています。問題は、エラー配列が空を返し、ビューにエラー配列を出力しても空であることを示しています。

フォームのコード：

class SomeForm(BootstrapForm):
    class Meta:
        layout = (
        Fieldset( "Form title:","first_field", "second_field", ),
    )

    first_field = forms.CharField(label=u'Some Text', max_length=50,    error_messages={'required':u'The error msg',},required=True,)
    second_field = forms.ModelChoiceField(label=Some Text', queryset=SomeClass.objects.all(), error_messages={'required':u'The error msg. ',}, required=True, )

そして、ビューのコード：

@login_required
def new_case(request):
    if request.method == 'POST':
        form = SomeForm(request.POST)
        if form.is_valid():
            new_case = form.save(request.user)
            return HttpResponseRedirect('/casos/')
        else:
            response_dict = {'ok': False, 'msg': None, 'err': None,}
            err = {}
            caseErrors = {}
            caseErrors.update(form.errors)
            for field in caseErrors:
                caseErrors[field] = [unicode(error) for error in caseErrors[field]] 
            err['caso']=caseErrors   
            response_dict['msg'] = u'The fields are not valid.'
            response_dict['err'] = err
            return HttpResponse(simplejson.dumps(response_dict), mimetype='application/json')
    else:
        form = SomeForm()
        return render_to_response('casos/new_case.html', { 'form': form },    context_instance=RequestContext(request))

また、jQuery

<script type="text/javascript" src="{{ STATIC_URL }}jquery/jquery.form.js"></script>
<script type="text/javascript">

$(function() {
    $('#agr_ncaso').ajaxForm({
        dataType: 'json',
        beforeSubmit: before_submit,
        success: success
    });
});

function before_submit(formData, jqForm, options) {
    $('.error').removeClass('error');
    $('.alert-error').remove();
    return true; 
}

function success(json) {
    if (json.ok) {
        window.location = '/casos/';
    }
    else if (json.err) {            
        $('<div class="alert alert-error"><strong>Error inform </strong></div>').insertBefore('form')       
        for (campo in json.err) {
        $('#div_id_' + campo).addClass("error");
        }
        $('.alert').fadeIn('slow');
    }
    else {
        alert(json.msg);
    }
}
4

1 に答える 1

1

フォームのエラーは、errの内部ではなく、err['casos']の内部にあります。すてきな一日を

于 2012-08-15T22:25:30.413 に答える