将数据从Bootstrap模态发送到Flask后端

Question

我是Web开发的新手，所以我对从引导程序模式向flask发送收集到的数据有疑问：这是Bootstrap模式：

            <div class="modal-body">
                <form id = "ManageOpps" style="margin-left: 10%; margin-right: 10%;" method="POST">
                {{ form.hidden_tag() }}
                <div class="form-group">
                {{ form.Customer.label }} {{ form.Customer (class_='form-control', required='required')}}
                </div>
                <div class="form-group">
                {{ form.ProjectId.label }} {{ form.ProjectId(class_='form-control', required='required')}}
                </div>
                <div class="form-group">
                {{ form.PartName.label }} {{ form.PartName (class_='form-control', required='required')}}
                </div>
                <div class="form-group">
                {{ form.Quantity.label }} {{ form.Quantity (class_='form-control', required='required')}}
                </div>
                {{ form.submit(class_='btn btn-primary', style_='margin: 10%;') }}
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" onclick="clean()">Clean Data</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>

但是，当我单击提交字段时，似乎数据已被清理...

Answer 1

在您的form标记中添加此：

<form id="ManageOpps" style="your style here" action="" method="POST" novalidate>