通过链接单击在WTForms中添加重复的StringField

Question

我是一个完整的Python / Flask newb，正在使用WTForms框架构建表单。我需要为Author创建一个StringField条目，并能够使用可点击的锚点在其下方创建一个空白条目：

之前：

之后：

在RecordForm类的“ forms.py”中，这是相关的准备工作：

author = StringField(
    'Author', [validators.DataRequired()]
)

以及HTML如何调用它：

<div class="form-group {{ 'has-error' if form.author.errors }}">
        <label for="author">{{ form.author.label }}</label>
        {{ form.author(class_="form-control")|safe }}
        <span class="addauth"><a href="#">Add Author</a></span>
        {{ errors(form.author) }}
</div>

我可以尝试使用jQuery DOM hack，但是我想尽可能将其保留在代码库中，并且我不希望表单提交与初始DOM加载后创建的新Author字段不同步。 Angular.js也是堆栈的一部分，尽管我怀疑最好的Javascript函数可能是最佳选择，但请再次注意，我需要表单才能提交所有新创建的字段。在此先感谢您提供的任何帮助。