即使在 sweetalert2 中按下取消按钮，数据也会提交

Question

按下确认按钮后，我能够发送数据。
但是，当按下 取消按钮时 sweetalert2 显示 成功插入数据。
后端显示为空字符串。（在数据库中table）
当我按下取消按钮时如何验证，而不是将数据发送到后端。

Javascript函数

    function inputPass(complaintID) { // complaint id pass is ok.
    swal({
        text: 'Input comment message',
        input: 'textarea',
        showCancelButton: true,
    }).then(function(sample_text) { 
        console.log(sample_text);
        if(sample_text === '') { // problem is here.
            swal({
                type: 'warning',
                html: 'cannot proceed without input'
            });
        } else {
            console.log(sample_text);
            $.ajax({
                type: "POST",
                url: "../ajax/ajax_active_deact.php?type=complaint_answered",
                data: {complaintID: complaintID, sampleText: sample_text}
            }).done(function (res) {
                if(!res) {
                    swal({
                        type: 'error',
                        html: 'insert the valid text'
                    });
                } else {
                    swal({
                        title: 'done',
                        text: 'all right',
                        type: 'success',
                        allowOutsideClick: false,
                        confirmButtonText: 'Ok'
                    });
                }
            });
        }
    });
}

phpajax代码

function complaint_answered() {
    include_once('../backend/ConsumerComplaint.php');
    $con_complaint = new ConsumerComplaint();
    $res = $con_complaint>mark_as_answered($_POST['complaintID'],$_POST['sampleText']);
    echo $res;
}

这是我的class函数

    function mark_as_answered($id, $comment) {
    //var_dump($comment);
    $val = $comment['value']; // $comment is a associative array, with the key of 'value'
    $sql = "UPDATE c_consumer_complaint SET `status` = 'answered', `update` = '$val' 
            WHERE  complaint_id = '$id' ";
    $res = $this->conn->query($sql);
    return $res;
}

当我在 chrome 中按下网络面板中的取消按钮时的图像

控制台图片

chrome 中 post 数据的图像

我是开发新手，不知道如何解决这个问题。请任何人都可以告诉我我在这里做错了什么。谢谢！

Answer 1

示例文本似乎始终设置为数组。我会尝试更改 if 语句

if(sample_text === '') { // problem is here.
            swal({
                type: 'warning',
                html: 'cannot proceed without input'
            });
        } else {
            console.log(sample_text);

类似于

if(sample_text['dismiss'] == 'cancel') { // problem is here.
        swal({
            type: 'warning',
            html: 'cannot proceed without input'
        });
    } else {
        console.log(sample_text);

Answer 2

如果用户单击“确定”，您只会得到 result.value，这样您就可以检查是否有值，如果为空，则显示错误消息。如果没有值，则什么也不会发生。

片段：

    swal({
        text: 'Input comment message',
        input: 'textarea',
        showCancelButton: true,
    }).then(function(result) {
        if(result.value) {
            $.ajax({
                type: "POST",
                url: "../ajax/ajax_active_deact.php?type=complaint_answered",
                data: {complaintID: complaintID, sampleText: result.value}
            }).done(function (res) {
                if(!res) {
                    swal({
                        type: 'error',
                        html: 'insert the valid text'
                    });
                } else {
                    swal({
                        title: 'done',
                        text: 'all right',
                        type: 'success',
                        allowOutsideClick: false,
                        confirmButtonText: 'Ok'
                    });
                }
            });
        } else if (result.value === "") {
            swal({
                type: 'warning',
                html: 'cannot proceed without input'
            });
        }
    });

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.28.7/dist/sweetalert2.all.min.js"></script>

你的Class:

在你的 php ajax 代码中 你传递的 $_POST['sampleText'] 不是数组而是字符串所以 $comment['value'] 将不包含文本。

function mark_as_answered($id, $comment) {
    //var_dump($comment);
    $val = $comment;
    $sql = "UPDATE c_consumer_complaint SET `status` = 'answered', `update` = '$val' 
            WHERE  complaint_id = '$id' ";
    $res = $this->conn->query($sql);
    return $res;
}

PS：请自学 SQL-Injection 以免他人将有害代码注入您的 SQL-查询。

即使在 sweetalert2 中按下取消按钮，数据也会提交

data submit even when cancel button is pressed in sweetalert2

javascript

php

ajax

sweetalert2

Javascript函数

phpajax代码

这是我的class函数