Avoid modal dismiss on enter keypress

by

I just had this problem too.
My problem was that i had a close button in my modal

<button class="close" data-dismiss="modal">&times;</button>

Pressing enter in the input field caused this button to be fired. I changed it to an anchor instead and it works as expected now (enter submits the form and does not close the modal).

<a class="close" data-dismiss="modal">&times;</a>

Without seeing your source, I can’t confirm that your cause is the same though.

More Related Contents:

  1. How do I insert a django form in twitter-bootstrap modal window?
  2. How to use in JSF page? Single form? Multiple forms? Nested forms?
  3. Multiple modals overlay
  4. Adding causes java.lang.IllegalStateException: Cannot create a session after the response has been committed
  5. Bootstrap 3 with remote Modal
  6. Is action really required on forms?
  7. Multiple forms in a single page using flask and WTForms
  8. Angular2 – Radio Button Binding
  9. Bootstrap: Open Another Modal in Modal
  10. How to write “Html.BeginForm” in Razor
  11. Getting Bootstrap’s modal content from another page
  12. Prevent Bootstrap Modal from disappearing when clicking outside or pressing escape? [duplicate]
  13. How do you style the HTML5 form validation messages?
  14. Angular 2: Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  15. Showing a Google Map in a modal created with Twitter Bootstrap
  16. Inline Form nested within Horizontal Form in Bootstrap 3
  17. How to make ‘submit’ button disabled?
  18. HTML5: Slider with two inputs possible?
  19. How can I conditionally require form inputs with AngularJS?
  20. HTML slider with two inputs possible?
  21. How to open a new window on form submit
  22. Leaflet map not showing properly in bootstrap 3.0 modal
  23. Symfony2 invalid form without errors
  24. How to prevent background scrolling when Bootstrap 3 modal open on mobile browsers?
  25. How to check if bootstrap modal is open, so I can use jquery validate?
  26. Autofocus input in twitter bootstrap modal
  27. Form Validation With Bootstrap (jQuery)
  28. Add span inside form’s placeholder
  29. Load content with ajax in bootstrap modal
  30. How to keep changed form content when leaving and going back to HTTPS page? (works with HTTP)

Leave a Comment