how to loop through django form errors after getting them as json with ajax

Question

My signup form works fine when there are no errors and saves users correctly but i couldn't display errors when there are form field errors after getting them with form.errors.as_json

here is the view of the form:

   if request.is_ajax():
       signup_form = SignupForm(request.POST)
       if signup_form.is_valid():
           signup_form.save()
           full_name = signup_form.cleaned_data.get('full_name')
           email = signup_form.cleaned_data.get('email')
           raw_password = signup_form.cleaned_data.get('password1')
           account = authenticate(email=email, password=raw_password)
           login(request, account)
           return JsonResponse({"success" : True}, status=200)
       else:
           return JsonResponse({'success': False},signup_form.errors.as_json() , status=400)

here are the ajax stuff in my javascript file:


 var $signupForm = $('#form-signup');
 $signupForm.submit(function (event) {
   event.preventDefault();
   var $signupData = $signupForm.serialize();
       $.ajax({
         url: "http://localhost:8000",
         method: 'POST',
         data: $signupData,
         success: function() {
           location.reload()
         },
         error: function () {
            // display form errors in a div or console.log them
            // by looping through them
       },
       });
     });

with this code when there are field inputs errors like "pasword is too short" or somthing like that i get error status code 500 and:

'str' object is not callable

in my django server terminal

i checked many question about this but none of them helped and most of them were outdated

Türkalp · Accepted Answer · 2020-11-02 19:06:46Z

1

def sample(request):
    form = SampleForm(request.POST)
    if form.is_valid():
        return JsonResponse({
            'message': 'success'
        })
    
    return JsonResponse({
        'errors':form.errors,
        'message': 'invalid',    
    },
    status=422
    )

edited Nov 2, 2020 at 19:06

answered Nov 2, 2020 at 17:30

Türkalp

1883 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Mohcen CH Over a year ago

can you explain more? since you did an answer not a comment!

Türkalp Over a year ago

Your error is like following, { 'message': 'success'} + {'error': '422'}

Türkalp Over a year ago

You can use only signup_form.errors.as_json() in response. Or { 'message': 'validationerror', 'error': dict(signup_form.errors.as_json())}

Mohcen CH Over a year ago

ok i'll try to applicate what you said but for better understanding please put what you are trying to say properly in you answer above

Türkalp Over a year ago

docs.djangoproject.com/en/3.1/ref/request-response/… . Second argument is not a json type. It is a encoder.

|

user14565412 · Accepted Answer · 2020-11-02 17:37:46Z

0

You are have a problem concatenate problem in response.

answered Nov 2, 2020 at 17:37

user14565412

1 Comment

Mohcen CH Over a year ago

can you explain more? since you did an answer not a comment! , i didn't get what you are trying to say!

Ruben Helsloot · Accepted Answer · 2020-11-04 14:27:47Z

-1

I think it's an authentication problem.

try to print after authentication.

if it's not try to print signup_form.errors.as_json() inside view.

edited Nov 4, 2020 at 14:27

Ruben Helsloot

13.2k6 gold badges33 silver badges56 bronze badges

answered Nov 2, 2020 at 17:22

harshil suthar

1799 bronze badges

4 Comments

Mohcen CH Over a year ago

what do you mean try to print after authentication?, and i tried to print errors inside the view and it got printed successfully in the terminal, and my question was how loop through those errors in the javascript to display them

harshil suthar Over a year ago

but you are getting error status code 500 it means some internal server error. so I think there is a problem inside the view. if you want to iterate inside ajax try for(let error of data){console.log(error)}

Mohcen CH Over a year ago

ok i'll try,btw when i try to print form.errors.as_json() they get printed correctly, and when i remove signup_form.errors.as_json() from the jsonresponse the error disappears

Türkalp Over a year ago

Be careful while concatenating dict in response.

Collectives™ on Stack Overflow

how to loop through django form errors after getting them as json with ajax

3 Answers 3

8 Comments

1 Comment

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related