确认框 Twig、Symfony 和 Javascript

Question

当按下提交按钮时，我想给用户一个提醒，以确保他们想要删除某些内容。

到目前为止，我有这个要做的

在 Twig 文件中

{{ form_start(form, {'attr': {'id': 'delete_form'}}) }}

在 Javascript 文件中

window.onload = function() {
confirmDelete();
};

function confirmDelete(){
    var el = document.getElementById('delete_form');

if (el) {
    el.addEventListener('submit', function () {
        return confirm('Are you sure you want to delete this question?');
    }, false);
}
else {
    console.log("No form found");
}}

但是现在，当点击警报的取消按钮时，数据还在被删除。

我做错了什么？

Answer 1

您并未阻止提交表单。
在您的确认删除中，如果用户单击“是”，您将不得不触发提交事件，否则什么也不做。

// listen to the submit event
$('#delete_form').on('submit', function(e) {
    // prevent form from being submitted
    e.preventDefault();

    confirmDelete();
});

function confirmDelete() {
    var result = confirm('Are you sure you want to delete this question?');

    // I do not know what result returns but in case that yes is true
    if (result === true) {
        $('#delete_form').submit();
    }
}