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

by

To avoid the race condition @GregPettit mentions, one can use:

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

// or, with the optional chaining operator (?.)
$("element").data('bs.modal')?._isShown    // Bootstrap 4
$("element").data('bs.modal')?.isShown     // Bootstrap <= 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

More Related Contents:

  1. Twitter bootstrap remote modal shows same content every time
  2. Bind a function to Twitter Bootstrap Modal Close
  3. Disallow Twitter Bootstrap modal window from closing
  4. Close Bootstrap Modal
  5. How to pass values arguments to modal.show() function in Bootstrap
  6. How to use Twitter Bootstrap popovers for jQuery validation notifications?
  7. How to handle the modal closing event in Twitter Bootstrap?
  8. Autofocus input in twitter bootstrap modal
  9. how to close a bootstrap modal with the browser back button instead of going back a page?`
  10. Load content with ajax in bootstrap modal
  11. Issue with a design when content increase [closed]
  12. Dropdown Z-index not responding [closed]
  13. Multiple modals overlay
  14. jQuery: what is the best way to restrict “number”-only input for textboxes? (allow decimal points)
  15. Bootstrap 3: Keep selected tab on page refresh
  16. $(window).width() not the same as media query
  17. How to implement “confirmation” dialog in Jquery UI dialog?
  18. Bootstrap: Open Another Modal in Modal
  19. Getting Bootstrap’s modal content from another page
  20. MVC custom validation: compare two dates
  21. How to set selected value on select using selectpicker plugin from bootstrap
  22. How to insert close button in popover for Bootstrap
  23. Twitter Bootstrap carousel vertical sliding
  24. How to add a Not Equal To rule in jQuery.validation
  25. need click twice after hide a shown bootstrap popover
  26. Auto-click button element on page load using jQuery
  27. Validating url with jQuery without the validate-plugin?
  28. How to force an HTML form to validate without submitting it via jQuery
  29. Autocomplete issue into bootstrap modal
  30. Keep Bootstrap dropdown open on click

Leave a Comment