Flask-带有knockout.js、JavaScript和Ajax的WTF

我需要将Knockout.js、JavaScript和Ajax与Flask WTF（表单）一起使用，下面是一些示例代码

<form action="{{ url_for('post_it') }}" class="navbar-form form-inline" method="post" id="new_postform">
    {{ form.csrf_token }}
        <fieldset>
          {{ form.hidden_tag() }}

{% from "macro/_formhelpers.html" import render_field %}

            <div class="control-group">
                  <div class="controls">
                        {{ render_field(form.poster, class="form-control", size="5", placeholder="Post Anything" ) }}

                    </div>
            </div>

---

但这给了我模板错误，因为WTF不支持数据绑定内联。我是否需要编写一些高级宏来实现对Knockoutjs的MVVM支持。

在电子邮件字段的示例中指定数据绑定，如下所示：

{{form.email（required=true，***{'data-bind'：'value:email'}}}

---

参考资料：

可能重复的well感谢nemev向我推荐该问题。

{% block tail_script %}
<script src="{{ url_for('static', filename='bootstrap/js/jquery.validate.js') }}"></script>
<script src="{{ url_for('static', filename='bootstrap/js/additional-methods.js') }}"></script>
<script type="text/javascript">
$(document).ready(function () {

$('#new_postform').validate({
    rules: {
        form.poster: {
            minlength: 2,
            required: true
        }
    },
    highlight: function (element) {
        $(element).closest('.control-group').removeClass('success').addClass('error');
    },
    success: function (element) {
        element.text('OK!').addClass('valid')
            .closest('.control-group').removeClass('error').addClass('success');
    }
});
});
</script>

{{ render_field(form.poster,data-bind="text: name", class="form-control", size="5", placeholder="Post Anything" ) }}