flask-bootstrap with two forms in one page
<p>I plan to put two forms in one page in my flask app, one to edit general user information and the other to reset password. The template looks like this</p>

<pre><code>{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}

{% block page_content %}                                                   
&lt;div class="page-header"&gt;                                                  
    &lt;h1&gt;Edit Profile&lt;/h1&gt;
&lt;/div&gt;

{{ wtf.quick_form(form_profile, form_type='horizontal') }}                 

&lt;hr&gt;

{{ wtf.quick_form(form_reset, form_type='horizontal') }}                   

&lt;hr&gt;
{% endblock %} 
</code></pre>

<p>Each form has a submit button. </p>

<p>In the route function, I tried to separate the two form like this</p>

<pre><code>form_profile = ProfileForm()
form_reset = ResetForm()

if form_profile.validate_on_submit() and form_profile.submit.data:
    ....
if form_reset.validate_on_submit() and form_reset.submit.data:
    .....
</code></pre>

<p>But it didn't work. When I click on the button in the ResetForm, the ProfileForm validation logic is executed. </p>

<p>I suspect the problem is that <code>wtf.quick_form()</code> creates two identical submit buttons, but not sure. </p>

<p>What should I do in this case? Can <code>bootstrap/wtf.html</code> template deal with this situation?</p>