Error message display in templates in Flask - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ component_behavior

intermediate

How does Flask display error messages in templates?

Consider a Flask app that passes an error message to a template using render_template. What will the template show if the error message is empty?

Flask

from flask import Flask, render_template_string
app = Flask(__name__)

@app.route('/')
def home():
    error = ''
    return render_template_string('<p>{% if error %}Error: {{ error }}{% else %}No errors{% endif %}</p>', error=error)

A The page shows: 'Error: ' with no message

B The page raises a TemplateSyntaxError

C The page shows nothing

D The page shows: 'No errors'

💡 Hint

Think about how the {% if %} statement works with empty strings in Jinja2 templates.

In Jinja2, empty strings are treated as false in conditionals. So, if error is empty, the {% else %} block runs, showing 'No errors'.

📝 Syntax

intermediate

Identify the syntax error in this Flask template error display

Which option contains a syntax error in the Jinja2 template code for displaying an error message?

Flask

{% if error %}Error: {{ error }}{% endif else %}No errors{% endif %}

A {% if error %}Error: {{ error }}{% endif else %}No errors{% endif %}

B }% fidne %{srorre oN}% esle %{}} rorre {{ :rorrE}% rorre fi %{

C {% if error %}Error: {{ error }}{% else %}No errors{% endif %}

D % if error %}Error: {{ error }}{% else %}No errors{% endif %}

💡 Hint

Look carefully at the placement of {% endif %} and {% else %} tags.

Option A incorrectly places {% endif %} before {% else %}, which breaks the if-else block syntax in Jinja2.

❓ state_output

advanced

What is the output when multiple error messages are passed as a list?

Given this Flask route and template snippet, what will be the rendered output?

from flask import Flask, render_template_string
app = Flask(__name__)

@app.route('/')
def home():
    errors = ['Name required', 'Email invalid']
    return render_template_string('''
<ul>
{% for error in errors %}
  <li>{{ error }}</li>
{% endfor %}
</ul>
''', errors=errors)

A <ul></ul>

B <ul><li>Name required, Email invalid</li></ul>

C <ul><li>Name required</li><li>Email invalid</li></ul>

D Template rendering error due to list

💡 Hint

Think about how Jinja2 loops over lists in templates.

The template loops over each error string and creates a list item for each. So both errors appear as separate <li> elements.

🔧 Debug

advanced

Why does this Flask template not show the error message?

Given this Flask route and template, why does the error message not appear on the page?

from flask import Flask, render_template_string
app = Flask(__name__)

@app.route('/')
def home():
    error = None
    return render_template_string('<p>Error: {{ error }}</p>', error=error)

A Because error is None, it renders as an empty string, so no visible message

B Because the variable 'error' is not passed to the template

C Because Flask does not allow None values in templates

D Because the template syntax is invalid and raises an error

💡 Hint

Consider how Jinja2 renders None values.

Jinja2 converts None to an empty string when rendering, so the paragraph shows 'Error: ' with no visible message.

🧠 Conceptual

expert

Which option correctly implements error message display with accessibility in Flask templates?

Choose the template snippet that best supports accessibility when showing error messages in a Flask app.

A <p>{{ error }}</p>

B <div role="alert" aria-live="assertive">{{ error }}</div>

C <span style="color:red">{{ error }}</span>

D <div aria-hidden="true">{{ error }}</div>

💡 Hint

Think about how screen readers detect important messages.

Using role="alert" and aria-live="assertive" tells assistive technologies to announce the error immediately, improving accessibility.