How to show wtform validation error on modal

Question

I have a WTF Form inside a Twitter Bootstrap 3 modal, which I need to validate. The problem is that the modal closes when the user submits the form, even if there are validation errors. If I click on the button that triggers the modal again, the validation error is displayed. So my question is, how do I get the modal to stay open when there are validation errors? Thanks! ```

Accepted Answer

You should add some javascript to automatically open the modal when there are errors from the form.

Something like (with jQuery):

```
var formErrors = {% if form_errors %}true{% else %}false{% endif %};

$(document).ready(function() {
    if (formErrors) {
        $('.modal').modal('show');
    }
});
```

How to show wtform validation error on modal

Solution

Problem