Django форма отправки Проблема с кнопкой Submit
Я столкнулся с проблемой html-шаблона, который я создал с помощью bootstrap, и моя проблема заключается в том, что у меня есть javascript, работающий динамически для добавления строк в форму django с 4 определенными полями, но всякий раз, когда я добавляю строку, кнопка отправки перестает отправлять результаты и вместо этого добавляет больше полей продукта для заполнения, и они инициализируются в None
вот код для моего html шаблона
и вот скриншот результатов, когда я нажимаю на кнопку отправки, строки с отсутствующими значениями были добавлены, когда я нажал на кнопку отправки введите описание изображения здесь
Я пытался изменить так много в файле javascript, но безрезультатно, я не могу найти, что именно вызывает проблему, но раньше, когда кнопка добавления не была внутри div с классом row, она была под всем контейнером, она работала нормально
Проблема заключается в вашей логике подсчета количества форм. Для начала вот как инициализируется ваша переменная:
let formNum = productFormRowToClone.children.length - 2;
Здесь productFormRowToClone - элемент с идентификатором form-row. Если посмотреть на ваш HTML, то этот элемент представляет собой div, который содержит 4 ввода формы. Это означает, что formNum всегда будет начинаться с 2. Когда вызывается addForm, это значение увеличивается до 3, а вход id_form-TOTAL_FORMS устанавливается на 4. Затем вы отправляете форму, и Django возвращает ее вам с ошибками.
Чтобы исправить это, нужно добавить класс к div строки формы и использовать его для подсчета форм:
<div id="form-row" class="row mt-0 no-gutters form-row">
А для подсчета форм:
let formNum = document.querySelectorAll(".form-row").length - 1