Cách kiểm tra xem phương thức bootstrap có đang mở hay không, vì vậy tôi có thể sử dụng jquery validate

tôi chỉ cần thực hiện xác thực nếu một phương thức đang mở, bởi vì nếu tôi mở nó, rồi tôi đóng nó, và tôi nhấn nút để mở phương thức đó thì nó không hoạt động vì nó đang thực hiện xác thực jquery, nhưng không hiển thị vì phương thức đã bị loại bỏ.

Vì vậy, tôi muốn quảng cáo một jquery nếu phương thức đang mở để tôi xác thực, điều này có khả thi không?

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

Để tránh tình trạng chủng tộc mà @GregPettit đề cập, người ta có thể sử dụng:

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

như đã thảo luận trong Twitter Bootstrap Modal - IsShown .

Khi phương thức chưa được mở, .data('bs.modal')sẽ trả về undefined, do đó dấu || {}- sẽ tạo ra isShowngiá trị (falsy) undefined. Nếu bạn thích nghiêm khắc, người ta có thể làm($("element").data('bs.modal') || {isShown: false}).isShown

Bạn có thể dùng

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

Bootstrap thêm inlớp khi phương thức mở và loại bỏ nó khi đóng

Bạn cũng có thể trực tiếp sử dụng jQuery.

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

Kiểm tra xem một phương thức có đang mở không

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

Để đính kèm một trình nghe sự kiện

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

Bootstrap 2, 3 Kiểm tra xem có bất kỳ phương thức nào đang mở trong trang không:

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

phiên bản tương thích Bootstrap 2, 3, 4+

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

Chỉ Bootstrap 4+

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

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

sẽ không hoạt động nếu phương thức chưa được hiển thị trước đó. Bạn sẽ cần thêm một điều kiện bổ sung:

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

vì vậy câu trả lời có tính đến lần xuất hiện đầu tiên:

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

Bạn cũng có thể dùng

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

Trên bootstrap-modal.js v2.2.0:

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

Tại sao phải phức tạp hóa mọi thứ khi nó có thể được thực hiện với jQuery đơn giản như sau.

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