javascript - 确认框 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();
    }
}