Django добавление формы внутрь формы с помощью javascript под названием submit button [duplicate]

У меня есть несколько форм в моем шаблоне, и я хочу добавить к форме div с кнопкой добавления, как это

<div id="Partform" class="card-body">
    <div id="netformdiv" class="netformdiv">
        <div style="display: flex;flex-direction: row" id="netwindow">
            {{ formnetpriod.activity|as_crispy_field }}
            {{ formnetpriod.material|as_crispy_field }}
            {{ formnetpriod.days|as_crispy_field }}
        </div>
    </div>
    <div id="btnnetwindow">
        <button style="width: 50px;height: 50px" onclick="addnetwindow()" class="btn btn-success">+</button>
        <button style="width: 50px;height: 50px" onclick="removenetwindow()" class="btn btn-danger">-</button>
    </div>
</div>

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

<script>
    function addnetwindow(){
        var form = document.getElementById("netwindow")
        var formBody = document.getElementById("netformdiv")
        var formcpy = form.cloneNode(true);
        formBody.append(formcpy);
    }
    function removenetwindow(){

        let form = document.querySelectorAll("#netwindow")
        form[form.length-1].remove();
    }

</script>

а шаблон выглядит так : введите описание изображения здесь

если я нажимаю на кнопку add, то div копируется, а когда нажимаю на кнопку minuse, то div удаляет последнюю форму, но моя проблема в том, что когда я нажимаю на кнопку add или minuse, то вызывается кнопка submit, и моя страница обновляется, теряя добавленную форму, я думаю, что это для django form, чтобы обновить данные формы, но как я могу решить эту проблему. спасибо

Вернуться на верх