모달이 열려있는 경우에만 유효성 검사를 수행해야합니다. 왜냐하면 모달을 연 다음 닫으면 모달을 여는 버튼을 누르면 jquery 유효성 검사를 수행하기 때문에 작동하지 않기 때문입니다. 모달이 해제 되었기 때문에 표시됩니다.
그래서 모달이 열려 있으면 jquery를 광고하여 유효성을 검사하고 싶습니다. 가능합니까?
<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에서 언급 한 경쟁 조건을 피하기 위해 다음을 사용할 수 있습니다.
($("element").data('bs.modal') || {})._isShown // Bootstrap 4
($("element").data('bs.modal') || {}).isShown // Bootstrap <= 3
Twitter Bootstrap Modal-IsShown 에서 논의한 대로 .
모달이 아직 열리지 않으면을 .data('bs.modal')
반환 undefined
하므로 || {}
– isShown
값이 (거짓) undefined
됩니다. 엄격하다면 할 수 있습니다.($("element").data('bs.modal') || {isShown: false}).isShown
답변
당신이 사용할 수있는
$('#myModal').hasClass('in');
부트 스트랩 in
은 모달이 열려있을 때 클래스를 추가하고 닫힐 때 제거합니다.
답변
jQuery를 직접 사용할 수도 있습니다.
$('#myModal').is(':visible');
답변
모달이 열려 있는지 확인
$('.modal:visible').length && $('body').hasClass('modal-open')
이벤트 리스너를 연결하려면
$(document).on('show.bs.modal', '.modal', function () {
// run your validation... ( or shown.bs.modal )
});
답변
Bootstrap 2, 3 Check is any modal open in page :
if($('.modal.in').length)
호환 가능한 버전 Bootstrap 2, 3, 4+
if($('.modal.in, .modal.show').length)
Bootstrap 4+ 만
if($('.modal.show').length)
답변
$("element").data('bs.modal').isShown
모달이 이전에 표시되지 않은 경우 작동하지 않습니다. 추가 조건을 추가해야합니다.
$("element").data('bs.modal')
그래서 첫 등장을 고려한 대답 :
if ($("element").data('bs.modal') && $("element").data('bs.modal').isShown){
...
}
답변
당신은 또한 사용할 수 있습니다
$('#myModal').hasClass('show');