Bagaimana cara memeriksa apakah modal bootstrap terbuka, jadi saya bisa menggunakan jquery validate

saya perlu membuat validasi hanya jika sebuah modal terbuka, karena jika saya membukanya, lalu saya menutupnya, dan saya menekan tombol yang membuka modal itu tidak berfungsi karena membuat validasi jquery, tetapi tidak ditampilkan karena modal ditutup.

Jadi saya ingin mengiklankan jquery jika modal terbuka jadi saya melakukan validasi, apakah ini mungkin?

<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>

Untuk menghindari kondisi balapan yang disebutkan @GregPettit, seseorang dapat menggunakan:

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

seperti yang dibahas di Twitter Bootstrap Modal - IsShown .

Ketika modal belum dibuka, .data('bs.modal')kembali undefined, maka || {}- yang akan membuat isShownnilai (salah) undefined. Jika Anda menyukai ketegasan, orang bisa melakukannya($("element").data('bs.modal') || {isShown: false}).isShown

Kamu bisa memakai

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

Bootstrap menambahkan inkelas saat modal terbuka dan menghapusnya saat ditutup

Anda juga bisa langsung menggunakan jQuery.

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

Periksa apakah modal terbuka

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

Untuk melampirkan pendengar acara

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

Bootstrap 2, 3 Periksa apakah ada modal yang terbuka di halaman:

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

versi yang kompatibel Bootstrap 2, 3, 4+

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

Hanya Bootstrap 4+

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

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

tidak akan berfungsi jika modal belum ditampilkan sebelumnya. Anda perlu menambahkan ketentuan tambahan:

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

jadi jawabannya dengan memperhatikan kemunculan pertama:

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

Anda juga bisa menggunakan

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

Pada bootstrap-modal.js v2.2.0:

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

Mengapa mempersulit hal-hal ketika itu bisa dilakukan dengan jQuery sederhana seperti berikut.

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