title: HTML 5 required validator triggers on all buttons on the form
body: <pre><code> &lt;asp:TextBox ID="txtCompanyName" runat="server" placeholder="Company Name" BorderColor="#C2C4CC" BorderStyle="Solid" Height="28px" Width="135px" title="Enter Company Name"  BackColor="#F9E3CB" Enabled="False" TabIndex="7" required&gt;&lt;/asp:TextBox&gt;
  </code></pre>
  
  <p>Here is the mark up for one of my textbox with the "required" attribute.</p>
  
  <p>My question is, I have 3 buttons on my form, cancel, reset and submit button. 
  the html5 required validator should only trigger when the submit button is clicked. 
  however, it still triggers even if I press cancel and reset buttons. </p>
  
  <p>How can I assign html 5 required validator on only one button?</p>
  
  <p>here is my markups for my buttons: </p>
  
  <p><strong>Cancel Button:</strong></p>
  
  <pre><code>&lt;asp:ImageButton ID="Cancel" runat="server" ImageUrl="~/Images/ClaimForm/btnCancel.gif" OnClick="btnFallBack_Click" Visible="False" ToolTip="Cancel" draggable="false" /&gt;
  </code></pre>
  
  <p><strong>Reset Button:</strong></p>
  
  <pre><code>&lt;asp:ImageButton ID="btnClear" runat="server" OnClick = "OnConfirm" OnClientClick = "Confirm()" ImageUrl="~/Images/ClaimForm/Clear.jpg" draggable="false"/&gt;
  </code></pre>
  
  <p><strong>Submit Button</strong></p>
  
  <pre><code>&lt;asp:ImageButton ID="btnNext" runat="server" ImageUrl="~/Images/ClaimForm/submitbutton.jpg" draggable="false" OnClick="btnNext_Click"/&gt;
  </code></pre>