title: HTML5 Browser Validation - 1 form, 2 buttons, need to change validation
body: <p>I have a form with two buttons - one is a "submit" button at the end of the form, and in the middle of the form I have an "Add" button that uses Javascript to add hidden input elements within the form whenever it's clicked.</p>
  
  <p>Here are the two input fields/add button:</p>
  
  <pre><code>&lt;input name="name" required&gt;
  &lt;input name="email" required type="email"&gt;
  &lt;button type="submit"&gt;Add&lt;/button&gt;
  </code></pre>
  
  <p>And then another set of input fields:</p>
  
  <pre><code>&lt;input name="title" required&gt;
  &lt;button type="submit"&gt;Submit&lt;/button&gt;
  </code></pre>
  
  <p>And these are all within one form. </p>
  
  <p>I want HTML5 browser validation to fire on the "name" and "email" fields when I click "Add" (but not the "title" field) and the browser validation to fire on the "title" field (but not the "name" and "input" fields) when I click "Submit." Is there any way to accomplish this?</p>