How to check if bootstrap modal is open so I can use jquery validate

Question

I need to make a validation only if a modal is open  because if I open it  and then I close it  and the I press the button that opens the modal it doesn t work because it is making the jquery validation  but not showing because the modal was dismissed  So I want to ad a jquery if modal is open so the i do validate  is this possible   lt script gt    document  ready function     var validator      form1   validate       ignore   quot  quot     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    quot  tab-content quot   find  quot div tab-pane active has div has-error  quot   length    0                           quot  tab-content quot   find  quot div tab-pane hidden has div has-error  quot   each function index  tab                                var id     tab  attr  quot id quot                                a href  quot      id     quot     tab  show                                     unhighlight  function element      element  closest   grupo   removeClass  has-error                     end document ready   lt  script gt

User · Accepted Answer

To avoid the race condition  GregPettit mentions  one can use       element   data  bs modal           isShown       Bootstrap 4     element   data  bs modal          isShown        Bootstrap  lt   3   as discussed in Twitter Bootstrap Modal - IsShown   When the modal is not yet opened   data  bs modal   returns undefined  hence the       - which will make isShown the  falsy  value undefined  If you re into strictness one could do     element   data  bs modal       isShown  false   isShown

User · Answer

You can use      myModal   hasClass  in      Bootstrap adds the in class when the modal is open and removes it when closed

User · Answer

You can also directly use jQuery       myModal   is   visible

User · Answer

Check if a modal is open      modal visible   length  amp  amp     body   hasClass  modal-open    To attach an event listener    document  on  show bs modal     modal   function             run your validation      or shown bs modal

User · Answer

element   data  bs modal   isShown   won t work if the modal hasn t been shown before  You will need to add an extra condition      element   data  bs modal     so the answer taking into account first appearance   if     element   data  bs modal    amp  amp     element   data  bs modal   isShown

User · Answer

You can also use      myModal   hasClass  show

User · Answer

Why complicate things when it can be done with simple jQuery like following       myModal   on  shown bs modal   function  e        console log  myModal is shown           Your actual function here

User · Answer

Bootstrap 2   3 Check is any modal open in page    if     modal in   length    compatible version Bootstrap 2   3   4   if     modal in   modal show   length    Only Bootstrap 4   if     modal show   length

User · Answer

On bootstrap-modal js v2 2 0        element   data  modal          isShown

User · Answer

As a workaround I personally use a custom global flag to determine whether the modal has been opened or not and I reset it on  hidden bs modal

[jquery] How to check if bootstrap modal is open, so I can use jquery validate?

Examples related to jquery

Examples related to validation

Examples related to twitter-bootstrap

[jquery] How to check if bootstrap modal is open, so I can use jquery validate?

Examples related to jquery

Examples related to validation

Examples related to twitter-bootstrap

Examples related to modal-dialog