Модальный диалог исчезает после отправки формы?

Question

Я использую модальное окно загрузочного окна для всплывающего окна, если условие ложно, модальное окно исчезает, и условие работает только для 1-й строки, если я проверяю, что условие 2-й или другой строки не работает, а также если проверка не проходит, необходимо показать модальное окно. Вот код.

 $(document).ready(function(){
  $("#SONumber").change(function(){
    convertSO();
  });
});

  function convertSO()
{
    var box = bootbox.dialog({
        title: '<h4 class="text-center" style=\"font-size:0.98rem;\">Pending Product List</h4>',
        message:'<span id="error" class="text-danger"></span>'+
           '<form role="form" name="conForm" id="conForm">' +
                     '<div class="table-responsive">' +
                        '<table id="myPTable" class="table table-xss table-hover table-bordered"">'+
                        '<thead>'+
                        '<tr>'+
                        '<th><input class="checkall" type="checkbox" name="productcheckbox"> All</</th>'+
                        '<th class="control-label paddingtop">SI No</th>'+
                        '<th class="control-label paddingtop">Products</th>'+
                        '<th class="control-label paddingtop">Pending Qty</th>'+
                        '<th class="control-label paddingtop">Quantity</th>'+
                        '<th class="control-label paddingtop">Amount</th>'+
                        '</tr>'+
                        '</thead>'+
                        '<tbody>'+
                        '<tr>'+
                        '<td><input class="checkbox checkproduct" type="checkbox" name="productcheckbox"></td>'+
                        '<td>1</td>'+
                        '<td>HMIS HMIS HMIS HMIS</td>'+
                        '<td class="availableQty">10</td>'+
                        '<td><input  type="number" name="productcheckbox" class="enterQty" value="10" style="width:50px;"></td>'+
                        '<td>3000</td>'+
                        '</tr>'+
                        '</tbody>'+
            '</table>'+
            '</form>',

        buttons: {
            cancel: {
                label: 'Submit',
                className: 'btn-info',
                callbaback:function(){
                }
            }
        },
        
     });
    var counters=0;var counter = 0;

            var clicked = false;
            $(".checkall").on("click", function() {
                $(".checkproduct").prop("checked", !clicked);
                clicked = !clicked;
                this.innerHTML = clicked ? 'Deselect' : 'Select';
            });
  
    $(".btn-info").on("click",function(){
                var check     = $('.checkproduct');
                var div_data = $('#error');
                
                if(check.is(':checked')){
                      var enterqty  = $('.enterQty').val();
                      var pending  =$('.availableQty').html();
                    if(enterqty > pending){
                        $("#error").html("<p>Quantity must be less than or equal to Pending Qty</p>");
                         
                    }else if(enterqty== 0){
                  $("#error").html("<p>you have checked the product please enter quantity</p>");
                  }
                    else{
                        $("#addpro").prop( "disabled", true );
                            
                        }
                   }

                   });

                $(document).ready(function(){
                    $(".modal-dialog").css({"max-width":"800px"});
                    $(".table td, .table th").css({"padding":"0.50rem 1.5rem"})
                });
}

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