Necesito hacer una validación solo si un modal está abierto, porque si lo abro, y luego lo cierro, y presiono el botón que abre el modal, no funciona porque está haciendo la validación de jquery, pero no mostrando porque el modal fue descartado.
Entonces, quiero agregar un jquery si modal está abierto, así que valido, ¿es esto posible?
<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>
jquery
validation
twitter-bootstrap
modal-dialog
Mariana hernandez
fuente
fuente
_isShown
, noisShown
.Puedes usar
Bootstrap agrega la
in
clase cuando el modal está abierto y la elimina cuando está cerradofuente
shown.bs.modal
ohidden.bs.modal
. De esa manera, cuando el código de su evento toma el control, está completamente seguro de que el diálogo no está en un estado delicado.'in'
con'show'
Bootstrap 4.También puede usar jQuery directamente.
fuente
Comprueba si un modal está abierto
$('.modal:visible').length && $('body').hasClass('modal-open')
Para adjuntar un detector de eventos
fuente
Bootstrap 2, 3 Check es cualquier modal abierto en la página:
versión compatible Bootstrap 2, 3, 4+
Solo Bootstrap 4+
fuente
4.1.3
y agregashow
clase en lugar dein
.no funcionará si el modal no se ha mostrado antes. Deberá agregar una condición adicional:
entonces la respuesta teniendo en cuenta la primera aparición:
fuente
También puedes usar
fuente
En bootstrap-modal.js v2.2.0:
fuente
¿Por qué complicar las cosas cuando se puede hacer con jQuery simple como seguir?
fuente