javascript - 我可以禁用 sweet alert js 按钮吗?

标签 javascript jquery sweetalert

我想禁用甜蜜提醒中显示的按钮,这样我的用户就不能一次又一次地单击该按钮。我附上了警报的屏幕截图 here

我想禁用确认按钮(我不想关闭警报):

swal({
    title: "Are you sure?",
    text: "You want to add this discount?",
    type: "warning",
    showCancelButton: true,
    confirmButtonColor: "#DD6B55",
    confirmButtonText: "Continue",
    cancelButtonText: "Cancel",
    closeOnConfirm: false,
    closeOnCancel: false
}, function (isConfirm) {
    if (isConfirm) {
        document.getElementById('message_error_new_discount').innerHTML = '';
        $.post('./CURL/addNewDiscount.php', JSON.stringify({
            "code": discount_code_newDiscount,
            "percentage": percentage_newDiscount,
            "startDate": sdate_newDiscount,
            "endDate": edate_newDiscount
        }), function (data) {
            var text = "your discount code is " + data.code;
            swal({ title: "Discount Added!", text: text, type: "success" }, function () {
                window.location = './discountlist.php';
            });
        });
    } else {
        swal({ title: "Cancelled", text: "", type: "error" }, function () {
            window.location = './discountlist.php';
        });
    }
});

最佳答案

这里是你可以尝试的,如果你不想显示任何按钮,你也可以添加超时,这样它就会在一段时间后关闭。

swal({   
    title: "Are you sure?",   
    text: "You want to add this discount?",   
    type: "warning",   
    showCancelButton: true,   
    confirmButtonColor: "#DD6B55", 
    confirmButtonText: "Continue",   
    cancelButtonText: "Cancel",   
    closeOnConfirm: false,   
    closeOnCancel: false 
}, function(isConfirm){   
    if (isConfirm) {
        document.getElementById('message_error_new_discount').innerHTML = '';
        $.post('./CURL/addNewDiscount.php',JSON.stringify({
            "code": discount_code_newDiscount,
            "percentage": percentage_newDiscount,
            "startDate": sdate_newDiscount,
            "endDate": edate_newDiscount
            }),function(data){
                var text = "your discount code is "+data.code;
                swal({title:"Discount Added!",
                      text:text, 
                      type:"success",
                      showCancelButton: false,//There won't be any cancle button
                      showConfirmButton  : false //There won't be any confirm button
                     },function(){
                    window.location='./discountlist.php';
                });
        });
    }else{
        swal({title:"Cancelled",text:"", type:"error"},function(){
            window.location='./discountlist.php';
        });
    }
});

关于javascript - 我可以禁用 sweet alert js 按钮吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37590104/

相关文章:

javascript - 如何从传递一些参数的 node.js 执行 .bat 文件?

javascript - 出现错误时未调用 jQuery AJAX 错误回调

javascript - 如何使用 SweetAlert 进行 AJAX 调用

javascript - 使用 Chrome 控制台 JS 和 CSS 改变 Youtube 视频页面

javascript - 如何使用 JavaScript 在同一页面上显示多个错误消息

javascript - 访问 div 标签的值

jquery - HTML 属性 "disabled"和 "hidden"

javascript - 将 sweetalert2 与 bootstrap 4 结合使用

jquery - SweetAlert2 在定时器之后执行函数

javascript - 使用鼠标滚轮时导致 IE 严重滞后的窗口滚动事件