I want to disable the button displayed in sweet alerts so that my user cannot click the button again and again. I have attached the screen shot of the alert here

I want to disable the confirmation button (I don't want the alert to be closed):

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';
        });
    }
});

I want to disable the button displayed in sweet alerts so that my user cannot click the button again and again. I have attached the screen shot of the alert here

I want to disable the confirmation button (I don't want the alert to be closed):

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';
        });
    }
});

• javascript
• jquery
• sweetalert

1 Answer 1

Here is what you can try, if you don't want to show any button and also you can add timeout, so that it will be closed after sometime.

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';
        });
    }
});