При удаление объекта модели Django с подтверждением через всплывающее окно, при нажатии отмены все равно удаляет объект, в чем проблема?

Question

[KatyaBychko]

HTML

<form action="{% url 'webresource:delete-item' object.id %}" method="POST" onclick="clicked()">
                {% csrf_token %}
                <button class="btn">Delete</button>
        </form>

JS

function clicked() {
       if (confirm('Вы действительно хотите удалить запись?')) {
           yourformelement.submit();
       } else {
        return false;
       }
    }

Comments

[furashcka]

Я python не знаю, но могу предположить что форма всё равно отправляется, возможно даже одновременно с событием onclick, я вместо return false; рекомендую использовать e.preventDefault(), событие onclick заменить на onsubmit, а то любое нажатие по форме отправляет форму

[KatyaBychko]

Не сработало так, всеравно удаляет

Answer 1

[teenager_python]

Проблема, вероятно, связана с тем, что при нажатии кнопки "Отмена" форма все равно отправляется и объект удаляется. Это может происходить из-за того, что функция clicked() не прерывает действие по умолчанию (отправку формы), когда пользователь нажимает кнопку "Отмена".

Для решения этой проблемы можно использовать метод preventDefault() объекта события в функции clicked(), чтобы прервать действие по умолчанию (отправку формы), когда пользователь нажимает кнопку "Отмена".

function clicked(event) {
   if (confirm('Вы действительно хотите удалить запись?')) {
       yourformelement.submit();
   } else {
       event.preventDefault();
       return false;
   }
}

Comments

[KatyaBychko]

Да, я так и поправила, нашла в so, спасибо большое.