Flask模板中的多个表单可以一次提交

如何解决Flask模板中的多个表单可以一次提交

背景：

• 两种形式，即“更新信息”和“删除DP”在同一页面中
• 需要单独提交。

操作：将wrongvalue放入删除DP表单，然后按Delete DP

预期：仅在DP的用户名文本框中显示错误。

实际：在其他形式的其他文本框中也显示错误。

Forms.py ::

class UpdateAccountForm(FlaskForm):
    # Statements ...

class DeletedisplayPic(FlaskForm):
    # Statements ...

Routes.py ::

    if deletedp_form.validate_on_submit():
        #Statements...

    if update_form.validate_on_submit():
        #Statements...

account.html（根据Navneetha Krishnan的要求）::

{% extends "layout.html" %}
{% block content %}
  <div class="content-section pt-4 mt-3">

<!--UPDATE ACCOUNT-->
    <form method="POST" action="" enctype="multipart/form-data">
      {{ update_form.hidden_tag() }}

<!--USERNAME-->
      <fieldset class="form-group">
        <legend class="border-bottom mb-4">Account Info</legend>
        <div class="form-group">
          {{ update_form.username.label(class="form-control-label") }}
          {% if update_form.username.errors %}
            {{ update_form.username(class = "form-control form-control-lg is-invalid") }}
            <div class="invalid-Feedback">
              {% for error in update_form.username.errors %}
                <span>{{ error }}</span>
              {% endfor %}
            </div>
          {% else %}
            {{ update_form.username(class="form-control form-control-lg") }}
          {% endif %}
        </div>

<!--EMAIL-->
        <div class="form-group">
          {{ update_form.email.label(class="form-control-label") }}
          {% if update_form.email.errors %}
            {{ update_form.email(class = "form-control form-control-lg is-invalid") }}
            <div class="invalid-Feedback">
              {% for error in update_form.email.errors %}
                <span>{{ error }}</span>
              {% endfor %}
            </div>
          {% else %}
            {{ update_form.email(class="form-control form-control-lg") }}
          {% endif %}
        </div>

<!--disPLAY PIC-->
        <div class="form-group">
          {{ update_form.dispic.label() }}
          {{ update_form.dispic(class='form-control-file') }}
          {% if update_form.dispic.errors %}
            {% for error in update_form.dispic.errors %}
              <span class="text-danger">{{ error }}</span><br>
            {% endfor %}
          {% endif %}
        </div>
      </fieldset>
      <div class="form-group">
        {{ update_form.update_submit(class = "btn btn-outline-info") }}
      </div>
    </form>

<!--DELETE DP-->
    <form method="POST" action="" >
      {{ deletedp_form.hidden_tag() }}
      <fieldset class="form-group">
        <legend class="border-bottom my-4 ">Delete display Picture</legend>

<!--USERNAME-->
        <div class="form-group">
          {{ deletedp_form.deletedp_username.label(class="form-control-label") }}
          {% if deletedp_form.deletedp_username.errors %}
            {{ deletedp_form.deletedp_username(class = "form-control form-control-lg is-invalid") }}
            <div class="invalid-Feedback">
              {% for delerror in deletedp_form.deletedp_username.errors %}
                <span>{{ delerror }}</span>
              {% endfor %}
            </div>
          {% else %}
            {{ deletedp_form.deletedp_username(class="form-control form-control-lg") }}
          {% endif %}
        </div>
      </fieldset>

<!--SUBMIT-->
      <div class="form-group">
        {{ deletedp_form.deletedp_submit(class = "btn btn-outline-danger") }}
      </div>
    </form>

  </div>
{% endblock content %}

如果需要，我一定会添加更多信息。