Django - show result (error) with javascript

Question

I have form, that accepts number between 1-6 and a file. You can see code in my other question: https://stackoverflow.com/questions/43611769/django-javascript-modal-form-validation

I have to validate form, without having to reload it as it is modal form and it closes on refresh (or is should open it on refresh, but i don't really like the idea of reloading). So i want the modal to show error, if there is any (wrong file type, model already exists...) How would i achieve this?

Somebody suggested me to post form asynchronously and show error with javascript. How would i send javascript message from views in django, without the page having to reload? Could it be done with Json? How?

Thank you in advance!

score 1 · Accepted Answer · edited May 23 '17 at 11:54

1

You have to options:

Django validation view which will return JsonResponse
In that case you send your data to this view which will check if data are valid and return appropriate response. Then you parse response and show error if any.
Javascript validation. You make validator in your javascript code which will check if filetype is suitable etc. Here you have example how to allow only specified types of files.

In both cases you should validate your data in view in which you are saving to Database/server while someone could send data directly to your saving view(e.g. with Postman). I would suggest second approach because it is faster and one less call to server.

edited May 23 '17 at 11:54

Community

1
1

answered Apr 29 '17 at 10:25

Jan Giacomelli

1,199
8
19

thank you for answer. I think i have to go with Json, as I have to check in views if model already exists, which cannot be done with javascript. Do you have any example, how to handle json with javascript in template? – zzbil Apr 29 '17 at 10:29
Do you use jQuery? – Jan Giacomelli Apr 29 '17 at 12:01
I use whatever i have to, – zzbil Apr 29 '17 at 12:09
any recommendations? – zzbil Apr 29 '17 at 12:11
Check this link at the bottom of the page: http://api.jquery.com/jquery.getjson/ or this: http://api.jquery.com/jQuery.ajax/ You just make ajax request and then in .done function you can check whether it passed validation. – Jan Giacomelli Apr 29 '17 at 19:02
But can i post multiple pictures using ajax? – zzbil Apr 29 '17 at 20:05
I am not shure, but I think there is one package for file upload with jQuery which can handle more then one picture. https://github.com/blueimp/jQuery-File-Upload – Jan Giacomelli Apr 29 '17 at 21:34
Is getting json response from view not possible withou using ajax? – zzbil Apr 30 '17 at 12:35
It is the most common way to make requests and handle responses. If you would use Angular you could use their http module to do requests. – Jan Giacomelli Apr 30 '17 at 13:34

Django - show result (error) with javascript

1 Answers1