Flask-WTF 表单验证失败后，自定义错误未在前端渲染，通常源于 HTML 列表结构不合法—— 标签不能直接作为容器使用，必须包裹在 或 内才能被正确解析并显示错误。
flask-wtf 表单验证失败后，自定义错误未在前端渲染，通常源于 html 列表结构不合法——`
- ` 或 `
- ` 内才能被正确解析并显示错误。
- 元素必须作为
- 、
- 或
在 Flask 项目中，使用 Flask-WTF 构建表单时，开发者常通过 form.field.errors 获取字段级验证错误（如 form.username.errors），并在模板中遍历渲染。但若 HTML 结构不符合规范，浏览器将忽略或静默丢弃非法嵌套，导致错误信息「看似消失」——实际是 DOM 未正确生成，而非 Flask 或 WTForms 本身出错。
✅ 正确的 Jinja2 模板写法示例（以用户名字段为例）：
{{ form.username.label }}
{{ form.username() }}
{% if form.username.errors %}
<ul class="errors">
{% for error in form.username.errors %}
<li class="error-item">{{ error }}</li>
{% endfor %}
</ul>
{% endif %}⚠️ 常见错误写法（会导致错误不渲染）：
<!-- ❌ 错误：孤立的 <li> 不是合法 HTML -->
{% if form.username.errors %}
{% for error in form.username.errors %}
<li>{{ error }}</li> <!-- 缺少父级 <ul> 或 <ol> -->
{% endfor %}
{% endif %}根据 HTML5 规范，
