So überprüfen Sie, ob das Bootstrap-Modal geöffnet ist, damit ich jquery validate verwenden kann

Ich muss eine Validierung nur durchführen, wenn ein Modal geöffnet ist, denn wenn ich es öffne und dann schließe und den Knopf drücke, der das Modal öffnet, funktioniert es nicht, weil es die JQuery-Validierung durchführt, aber nicht zeigt, weil das Modal entlassen wurde.

Ich möchte also eine Abfrage hinzufügen, wenn Modal geöffnet ist, damit ich validiere. Ist dies möglich?

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

Um die von @GregPettit erwähnten Rennbedingungen zu vermeiden, kann man Folgendes verwenden:

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

wie in Twitter Bootstrap Modal - IsShown beschrieben .

Wenn das Modal noch nicht geöffnet ist, wird .data('bs.modal')zurückgegeben undefined, daher das || {}-, das isShownden (falschen) Wert ergibt undefined. Wenn Sie in Strenge sind, könnte man tun($("element").data('bs.modal') || {isShown: false}).isShown

Sie können verwenden

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

Bootstrap fügt die inKlasse hinzu, wenn das Modal geöffnet ist, und entfernt sie, wenn es geschlossen ist

Sie können jQuery auch direkt verwenden.

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

Überprüfen Sie, ob ein Modal geöffnet ist

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

So fügen Sie einen Ereignis-Listener hinzu

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

Bootstrap 2, 3 Überprüfen Sie , ob ein Modal auf der Seite geöffnet ist:

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

kompatible Version Bootstrap 2, 3, 4+

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

Nur Bootstrap 4+

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

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

funktioniert nicht, wenn das Modal noch nicht angezeigt wurde. Sie müssen eine zusätzliche Bedingung hinzufügen:

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

so die Antwort unter Berücksichtigung des ersten Auftretens:

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

Sie können auch verwenden

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

Auf bootstrap-modal.js v2.2.0:

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

Warum Dinge komplizieren, wenn es mit einfacher jQuery wie folgt gemacht werden kann?

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