javascript - 使用 PreventDefault 在提交中添加确认(是或否)

Question

我有使用 PreventDefault 提交的代码。这是我的代码

 //submit terima barang
            $("form.form_terima").submit(function (event) {
                if (confirm('Submit Terima Barang ?')) {
                    $(".loader").show();
                    //disable tombol submit supaya tidak reload
                    event.preventDefault();
                    var formData = new FormData($(this)[0]);
                    $.ajax({
                        url: 'po_req/po_req_crud.php', //type='add_terima'
                        type: 'POST',
                        data: formData,
                        async: false,
                        cache: false,
                        contentType: false,
                        processData: false,
                        success: function (data) {
                            console.log(data);
                          //action if success
                        }
                    });
                    return false;
                }
            });

但是，它不起作用。怎么解决呢？谢谢 friend :)

Answer 1

在您的代码中，仅当用户单击“确定”/"is"时，event.preventDefault() 才会运行。如果用户单击“否”，则表单将提交。

您必须在 if block 之外添加 event.preventDefault() 才能使其按预期工作。

$("form.form_terima").submit(function (event) {
    if (confirm('Submit Terima Barang ?')) {
        $(".loader").show();
         //disable tombol submit supaya tidak reload
         var formData = new FormData($(this)[0]);
         $.ajax({
            url: 'po_req/po_req_crud.php', //type='add_terima'
            type: 'POST',
            data: formData,
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            success: function (data) {
                console.log(data);
                //action if success
            }
        });
    }

    // prevent default regardless of user's response
    event.preventDefault();
    return false;
});