Flask -在Ajax请求上验证几个表单

Question

我正在尝试验证来自Ajax请求的四个表单。我的问题是只有一个表单被验证(geometry_building_form)。其他的不包含错误，只包含一个空字典。

我遇到的另一个问题是validate_on_submit方法不起作用，我必须使用validate方法。

这是Flask视图。

@app.route('/', methods=['GET', 'POST'])
@app.route('/index', methods=['GET', 'POST'])
def building():
    building_parameters_form = BuildingParametersForm()
    building_geometry_form = BuildingGeometryForm()
    wind_form = WindForm()
    topography_form = TopographyForm()
    if request.method == 'POST':
        if building_geometry_form.validate() and building_parameters_form.validate() and wind_form.validate() and topography_form.validate():
            return redirect('/index')
        else:
            return jsonify(data=wind_form.errors) #Testing the wind form
    return render_template('wind/building.html', bp_form=building_parameters_form,
                            bg_form=building_geometry_form, w_form=wind_form, t_form=topography_form)

这是Ajax代码。

    <script>$(document).ready(function() {
        $("#button").click(function(event) {
            var csrf_token = "{{ csrf_token() }}";
            var url = "{{ url_for('building') }}";
            event.preventDefault();
            $.ajax({
                type: "POST",
                url: url,
                dataType: 'json',
                data: $('#geometry-form, #parameters-form, #wind-form, #topography-form').serialize(),
                success: function (data) {
                    console.log(data)
                }
        });
        $.ajaxSetup({
            beforeSend: function(xhr, settings) {
                if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) && !this.crossDomain) {
                    xhr.setRequestHeader("X-CSRFToken", csrf_token)
                }
            }
        })
    });
});
</script>

Answer 1

FormFields对于编辑子对象或在页面上包含多个一起提交和验证的相关表单非常有用。虽然子类化forms捕获了大多数所需的行为，但有时出于可重用性或与FieldList结合的目的，FormField是有意义的。(Taken from Documentation)

考虑到这一点--您可能希望创建一个包含子窗体的包装窗体：

from wtforms import FormField

class BuildingForm(Form):
    building = FormField(BuildingGeometryForm)
    wind = FormField(WindForm)
    topography = FormField(TopographyForm)

稍后，当您处理请求时，form = BuildingForm()将允许您执行form.validate_on_sumbit()，它将按预期验证和封装各种子表单。