Django — обработка ошибок в ajax-формах

А почему вы не проверяете запрос на ajax? Вдруг у пользователя отключен js, будете писать отдельный view?

Мне кажется вы забыли про ошибки, которые не привязаны к конкретному полю (form.non_field_error). В js они никак не обратаваются

это все хорошо но когда это аякс иногда валидация с сервера, даже при асинхронном запросе, работает мягко говоря мучительно, особенно если форма большая и сложная. мне в проекте пришлось дописывать еще клиент-сайд валидаторы, и только после валидности всех полей идет запрос аякса. хотелось бы видеть автоматическую генерацию таких вот правил, или хотя бы либу для прописывания их в формах а не отдельно, но пока это только мечты :)

www.dajaxproject.com/fullform/ Не очень красиво это выглядит, но тоже работает. Однако ж, нарушает MVC.

dajaxproject.com — писать на питоне, чтобы не писать на js? Я до сих пор не могу простить авторам джанги forms и widget, которые вообще никак не вписываются ни в mvt, ни в mvc — чтобы поменять css класс — надо лезть в forms.py, потом искать виджет, а если не повезет, то еще и в темплейт виджета.

Было бы неплохо, если бы вы выложили файлы как готовый проект из коробки, потому как подобные вещи очень помогают новичкам Джанги.

Я ошибки в джанго-формах проверяю следующим образом:

делаю

И в методе-обработчике формы проверяю — если метод get, то просто отобразить данные, если post — то проверить, и, в случае валидности формы, показать. Иначе вывести ошибки.

    def object_edit_or_add_post_save(self, request, entity_name, object_id=None):
        self.check_the_entity(entity_name)
        
        if request.method == 'GET':
            """ если GET, то запрашивается страница """
            return self.object_edit_or_add(request, entity_name, object_id)
        elif request.method == 'POST':
            """ если POST, то передаются данные """
            return self.object_save(request, entity_name, object_id)


    def object_save(self, request, entity_name, object_id=None):
        ...
        if f.is_valid():
            f.save()
            return HttpResponseRedirect(self.root + entity_name)
        else:
            # ищем ошибки
            for e, e_message in f.errors.items():
                field = f.fields[e]
                field.error = True
                field.error_message = e_message
        ...

	<form name="edit" method="post" action="">
	{% csrf_token %} 
	...
	</form>

Да, спасибо за пост — статьи по джанго радуют.

Судя по скриншотам у вас форма отображается во всплывающем окне. Так вот ещё один способ реализации «AJAX» формы — показывать iframe с обыкновенной страницей обработки формы, естественно базовый шаблон для такой страницы нужно сделать минималистичным и ещё нужно как-то обрабатывать успешность регистрации — закрывать это окошко с iframe, как минимум.

Привет всем, в своем веб-приложении мне необходимо изменять и добавлять данные по еще пока не известной модели, как через ajax так и через обычную форму.
Естественно я использовал modelform'ы, и очень удобную разработку под название dojango. Dojango элементарно устанавливается и теперь наши django виджеты превращаются на выходе в виде dojo виджетов c той валидацией что мы определили в модели\форме.
Теперь осталось просто вывести форму в виде html — form.as_ul(), и ждать ответа.

Dojo виджеты нам обеспечат валидацию на стороне клиента, из нашей формы без грамма кода. А серверную валидацию надо обеспечить нам.

Вот мой код для вывода формы\валидации и оправки ошибок\и если нет ошибок то перенаправления на объект.
Боюсь что код не прапарсится, вот ссылка на него
def show_form(request,oper,id=None):
#print request.path
import newdisp.whs.models as models # Все модели берем, и доставать нужную будем через getattr
try:
f=getattr(models,oper+'_form') # Берем
except AttributeError,e: #Ловим неправильные название форм
raise Http404('Page not found') # как вариант возвращять json({'status':'error'})

if 'id' in request.POST: # Переменые в запросах приходят строками, делаем в int
id = int(request.POST['id'])

if id is None: #Если нет айди значит добавление
m=getattr(models,oper)() # Берем модель, и вызываем ее без параметров, что означает пустому экземпляру.
else: # Значит изменение
id=int(id) #еще раз
try:
m=getattr(models,oper).objects.get(pk=id) # Берем модель с данными которые будем изменять
except ObjectDoesNotExist,e:
raise Http404('Page not found')


if request.method == 'POST': # Если пост то обрабатываем данные, если гет то вывод html формы
post=request.POST.copy() # Копируем массив, ибо request — read only
if 'price' in post.keys(): # Заменяем замечательные русские запятые в float числах
post['price']=post['price'].replace(',','.')
if 'delivery' in post.keys():
post['delivery']=post['delivery'].replace(',','.')

form = f(post,instance=m) # Создаем форму и наполняем ее даными из модели

if form.is_valid(): # Если ошибок нет, то сохраняем и редиректив на ссылку
# где ей отдадут json данные модели
inst = form.save()
return HttpResponseRedirect('/whs/id/%s/%d' % (oper,inst.id))
else: # Если ошибки, вернуть json со статусом ошибки и сообщения ошибки
re={'status':'error','message':form.errors}
return HttpResponse(json(re),mimetype=«application/json»)
else:
form = f(instance=m) # вывод html формы
if request.is_ajax(): # Если jax то вернуть просто html, я оберну ее в форму на стороне клиента
return HttpResponse(form.as_ul(),mimetype=«text/html») #Если ajax срем говый вариантик

# Если обычный, то обрабатываем. Это надо сделать через шаблон.
re=u' '
re+=u''
re+=form.as_ul() # Вывести ее как список
#re+=u''
re+=u''
re+=u''
return HttpResponse(re,mimetype=«text/html»)

На стоне клиента надо написать код на dojo, чтобы забрать форму, пропарсить его dojo.parser, и создать xhtPost формы.
При попытке отправки формы, dojo проверит данные еще раз на соответсвие типам, и отправит данные.
Дальше их поймает django, проверит на логичность(например повторение уникальных значений) и сгенерирует текст ошибки на чистом русском языке, что мы и отправим обратно форме в виде json
Например:
{
status: «error»
-message: {
-number: [
«Накладная с таким № документа уже существует.»
]
}
}
Осталось растолкать это по полям формы dojo.

if (result.status == 'error') {
for (var i in result.message) {
var input = dijit.byNode(dojo.query('.dijit [name="' + i + '"]', this.form.containerNode)[0].parentNode.parentNode);
input.state = 'Error';
input._setStateClass();
dijit.setWaiState(input, 'invalid', 'true');
input._maskValidSubsetError = true;
dijit.showTooltip(result.message[i], input.domNode, input.tooltipPosition);
}
}
else {
alert('СХОРАНЕНО');
//return result;
}
Вот клиентская валидация:

А вот уже ответ с сервера(заметьте сообщения создано автоматически и «из коробки» django)

Перепутаны местами варианты в описании по отношению к заявленным пунктам выше в случае описания двух вариантов отображения ошибок в форме.

Всё это, конечно, здорово, но маленькую форму можно и без специальных извращений завернуть в ajax, а большую лучше честно отправлять на сервер без всякого ajax-а. Там и файлы могут быть, и ошибки проще так выводить, и всё равно на новую страницу редиректить после обработки действия, так зачем ajax?

Вот, что действительно было бы интересно, это валидация форм на клиенте javascript-ом, автоматически генерирующаяся по джанговой форме. Пусть и частичная.