Bootstrap-服务器端验证

Question

I have a modal in Bootstrap 3 which collects some data. If the entered ID already exists in a SQL table, I want to display a warning message in the modal - but the modal seems to disappear when the user clicks the [Save] button.

I can relaunch the modal which then correctly displays the exception - but the background becomes darker & darker each time the [Save] button is clicked.

Is there a more practical solution to prevent the modal from being closed if a server-side exception occurs - or at least to prevent the background from becoming progressively darker when the primary button is clicked?

Answer 1

I understand that you are interacting with the server inside a modal. You need to handle the hide event to check the response from server before letting it bubble.

$('#myModal').on('hide.bs.modal', function (e) {
  // check response from server and cancel event or let it bubble.
})

Answer 2

you need to handle event hide.bs.modal, do your validation and return false to prevent modal from closing

http://getbootstrap.com/javascript/#modals-examples