Как сделать обработку ошибок при вызовет события submit на форме?

Question

[Александр Косицын]

Есть форма, в которой стоит аттрибут action.

form.work-content__form#workForm(enctype="multipart/form-data" action='/api/works' method='post' )

Сабмит формы происходит при нажатии на кнопку.
Вот я беру элемент "форма". и вызываю событие сабмит на форме.
document.getElementById("workForm").submit();

Как сделать обработку ошибки или положительного результат в таком случае?

Answer 1

[Andrey Perov]

Сделать валидацию на клиенте, если все гуд то сабмитить. Получить ответ с сервера success или err и делать то, что вам надо с этим

Comments

[Александр Косицын]

А куда приходит seccess или err на клиенте? Валидация на клиенте уже есть

[Andrey Perov]

Александр Косицын если на jquery то там можно передать callback в submit, если на чистом то посмотрите тут как делают https://learn.javascript.ru/xhr-forms

Повесьте на клик свою функцию которая будет собирать значения отправлять post запрос, и там будете обрабатывать ответ и ошибки

[Александр Косицын]

Andrey Perov, по ссылке описано как через Ajax отправить. я могу и через него. это да. но вот как обработать если без Ajax. Я самбичу форму и форма берет все параметры запроса у аттрибутов(это actoin, method )

[Andrey Perov]

Александр Косицын принципиально нужно юзать submit() ? Чтобы не собирать вручную? В бэке особо не подскажу, но скорее всего с сервера надо вернуть html с ошибками или успехом, если без ajax

[Александр Косицын]

Andrey Perov, мне собирать вручную не нужно на клиенте. А на бэке стоит плагин который как раз и парсит пришедшие данные с формы. поэтому и использую .submit() ,потому что просто кода меньше. Написал одну строку и все ок. Даже если js отвалится то форма отправится.

[Александр Косицын]

Andrey Perov, но не знаю как обработать ответ

[Andrey Perov]

Александр Косицын если на чистом js, то на событие click собирать значения из формы и делать аяксом, либо сабмитом и на бэке формировать html и выводить ошибки или успех