Можно ли отключить кнопку при нажатии в загрузочной коробке? - PullRequest
Новая
       9

Можно ли отключить кнопку при нажатии в загрузочной коробке?

0 голосов
/ 08 января 2019

Я использую диалог Bootbox, чтобы добавить элемент. Когда нажата кнопка «Сохранить», я хочу отключить ее, чтобы они не могли щелкнуть ее снова и отправить другой запрос на сервер. Возможно ли это?

Ниже мой код 

var box = bootbox.dialog({
    title: '<span> Add Menu </span>',
    message: 
            '<form id="menu_form" class="form-horizontal" method="post" enctype="multipart/form-data" ><div class="form-group">'+
            '<div class="row no-margin">'+
                      '<div class="form-group col-sm-12">' +
                      '<label>Item Name</label>'+
                      '<input type="text" class="form-control" id="item_name" name="item_name" placeholder="Item Name"> ' +
                      '</div>' +
                      '</div>'+
            '</form>',
    buttons: {
      danger: {
        label: "Cancel",
        className: "btn btn-dark0",
        callback: function() {
         box.modal('hide');
        }
      },
      success: {
        label: '<i class="icon wb-check" aria-hidden="true"></i> Save',
        className: "btn btn-info",
        callback: function() {

          $.ajax({ // ajax to add item 

          });
        }
        return false;}
      },

    }
});

Здесь, когда я дважды нажимаю кнопку «Сохранить», элемент добавляется два раза.

1 Ответ

0 голосов
/ 08 января 2019

Простой способ сделать это - использовать jquery: 

$('.btn-info').click(function(){
   $(this).prop('disabled', true);
});
...