twitter-bootstrap-3 - Jinja/Wtform aria-需要验证

Question

我有一个通过简单宏生成引导表单的前端:

{% macro render_field(field, class_='', label_visible=true) -%}

<div class="form-group {% if field.errors %} has-error {% endif %}">
    {% if (field.type != 'HiddenField' and field.type !='CSRFTokenField') and label_visible %}
        <label for="{{ field.id }}" class="control-label">{{ field.label }}</label>
    {% endif %}
    {{ field(class_='form-control', **kwargs) }}
    {% if field.errors %}
        {% for e in field.errors %}
            <p class="help-block">{{ e }}</p>
        {% endfor %}
    {% endif %}
</div>

{%- endmacro %}

我使用的 wtform 如下所示:

class CommentForm(Form):
    comment = TextAreaField(validators=[DataRequired('Please enter your comment.')])

是否可以为具有验证器 DataRequired 的字段添加 aria-required="true" 形式的前端验证？

如果是，怎么做到的？

Answer 1

用一对或多对属性创建字典，添加到 Jinja 宏中的字段:

{% set attribs = {'aria-required':"true"}  %}
{{ field(class_="form-control", **attribs) }}

你也可以内联

{{ field(class="form-control", **{'aria-required':"true"} ) }}

哪种方式都好