0

So in flask, I recently downloaded flask_bootstrap4, which is the same thing as flask_bootstrap (bootstrap 3) except for flask_bootstrap4, it uses bootstrap 4 instead of bootstrap 3. In my templates, I use this code for all my forms:

{% import 'bootstrap/wtf.html' as wtf %}
<div class="row">
        <div class="col-md-4">
            {{ wtf.quick_form(form) }}
        </div>
</div>

This worked out fine, except that when there were errors in the form, they would not display. I used the exact same thing for flask_bootstrap. Just wondering if anyone knows how to fix this. Thanks!

joe ann
  • 13
  • 3

1 Answers1

0

The only way I found to handle this yet, is to add an error handling section for every field. 

{% import 'bootstrap/wtf.html' as wtf %}
...
<form action="" method="post">
        {{ form.hidden_tag() }}
        <p>

            {{ wtf.form_field(form.username) }}
            {% for error in form.username.errors %}
            <div class="alert alert-danger" role="alert">{{ error }}</div>
            {% endfor %}
</form>

I know this is not as elegant as using the quick_form() feature, but it does the job. This way also allows you to stretch your form across multiple columns or sections of your page. You could also try catching all problematic field by passing form.errors from your route script, which will return a list of fieldnames to render_template() to flash() or otherwise display the error messages on your page.

neonderprofi
  • 1
  • 2