Bootstrap modal'in açık olup olmadığı nasıl kontrol edilir, böylece jquery validate'i kullanabilirim

Sadece bir mod açıksa doğrulama yapmam gerekiyor, çünkü eğer onu açarsam ve sonra kapatırsam ve modu açan düğmeye basarsam çalışmaz çünkü jquery doğrulamasını yapıyor, ama değil gösteriliyor çünkü modal reddedildi.

Bu yüzden, eğer mod açıksa bir jquery eklemek istiyorum, böylece doğrulayacağım, bu mümkün mü?

<script>
$(document).ready(function(){

var validator =$('#form1').validate(
 {
  ignore: "",
  rules: {

usu_login: {
  required: true
},
usu_password: {
  required: true
},
usu_email: {
  required: true
},
usu_nombre1: {
  required: true
},
usu_apellido1: {
  required: true
},
usu_fecha_nac: {
  required: true
},
usu_cedula: {
  required: true
},
usu_telefono1: {
  required: true
},
rol_id: {
  required: true
},
dependencia_id: {
  required: true
},
  },

  highlight: function(element) {
$(element).closest('.grupo').addClass('has-error');
        if($(".tab-content").find("div.tab-pane.active:has(div.has-error)").length == 0)
        {
            $(".tab-content").find("div.tab-pane:hidden:has(div.has-error)").each(function(index, tab)
            {
                var id = $(tab).attr("id");

                $('a[href="#' + id + '"]').tab('show');
            });
        }
  },
  unhighlight: function(element) {
$(element).closest('.grupo').removeClass('has-error');
  }
 });

}); // end document.ready

</script>

@GregPettit'in bahsettiği yarış koşulundan kaçınmak için aşağıdakiler kullanılabilir:

($("element").data('bs.modal') || {})._isShown    // Bootstrap 4
($("element").data('bs.modal') || {}).isShown     // Bootstrap <= 3

Twitter Bootstrap Modal - IsShown'da tartışıldığı gibi .

Modal henüz açılmadığında, .data('bs.modal')geri döner undefined, dolayısıyla || {}- isShown(yanlış) değeri yapar undefined. Eğer katılık içindeyseniz, biri yapabilir($("element").data('bs.modal') || {isShown: false}).isShown

Kullanabilirsiniz

$('#myModal').hasClass('in');

Bootstrap in, modal açıkken sınıfı ekler ve kapatıldığında kaldırır

Doğrudan jQuery'yi de kullanabilirsiniz.

$('#myModal').is(':visible');

Modal açık olup olmadığını kontrol edin

$('.modal:visible').length && $('body').hasClass('modal-open')

Bir olay dinleyicisi eklemek için

$(document).on('show.bs.modal', '.modal', function () {
    // run your validation... ( or shown.bs.modal )
});

Bootstrap 2, 3 Check, sayfada açık olan herhangi bir mod var mı:

if($('.modal.in').length)

uyumlu sürüm Bootstrap 2, 3, 4+

if($('.modal.in, .modal.show').length)

Sadece Bootstrap 4+

if($('.modal.show').length)

$("element").data('bs.modal').isShown

modal daha önce gösterilmediyse çalışmaz. Ek bir koşul eklemeniz gerekecek:

$("element").data('bs.modal')

bu yüzden cevap ilk görünüşü dikkate alarak:

if ($("element").data('bs.modal') && $("element").data('bs.modal').isShown){
... 
}

Ayrıca kullanabilirsiniz

$('#myModal').hasClass('show');

Bootstrap-modal.js v2.2.0'da:

( $('element').data('modal') || {}).isShown

Aşağıdaki gibi basit jQuery ile yapılabiliyorken işleri neden karmaşıklaştıralım?

$('#myModal').on('shown.bs.modal', function (e) {
    console.log('myModal is shown');
    // Your actual function here
})