Проверка Bootbox

Question

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

Как предотвратить закрытие модального файла при нажатии кнопки «Сохранить», если проверка не завершена?

bootbox.dialog(header + content, [{ 
    "label": "Save", 
    "class": "btn-primary", 
    "callback": function() { 

     title = $("#title").val(); 
     description = $("#description").val(); 
     icon = $("#icon").val(); 
     href = $("#link").val(); 
     newWindow = $("#newWindow").val(); 
     type = $("#type").val(); 
     group = $("#group").val(); 

      if (!title){ $("#titleDiv").attr('class', 'control-group error'); } else { 
       addMenu(title, description, icon, href, newWindow, type, group); 
      } 
    } 
}, { 
    "label": "Cancel", 
    "class": "btn", 
    "callback": function() {} 
}]); 

Answer 1

Я думаю, вы можете просто вернуть ложь в вашей «Сохранить» кнопку обратного вызова

так:

bootbox.dialog(header + content, [{ 
    "label": "Save", 
    "class": "btn-primary", 
    "callback": function() { 

     title = $("#title").val(); 
     description = $("#description").val(); 
     icon = $("#icon").val(); 
     href = $("#link").val(); 
     newWindow = $("#newWindow").val(); 
     type = $("#type").val(); 
     group = $("#group").val(); 

      if (!title){ 
       $("#titleDiv").attr('class', 'control-group error'); 
       return false; 
      } else { 
       addMenu(title, description, icon, href, newWindow, type, group); 
      } 
    } 
}, { 
    "label": "Cancel", 
    "class": "btn", 
    "callback": function() {} 
}]);