title: flask-bootstrap with two forms in one page
body: <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>