title: having problem with html5 validation for IE specific when using setCustomValidity()
body: <p>I have login form with check box privacy policy(required), and want to display custom html5 validation message if not checked and form submit click. I have used the inline javascript:</p>
  
  <pre><code>&lt;input name="privacypolicy" title="Please agree to our privacy policy" id="privacypolicy" required="" oninput="this.setCustomValidity('')" oninvalid="this.setCustomValidity('Please agree to our privacy policy')" type="checkbox" value="agree"&gt;
  </code></pre>
  
  <p>This works for chrome and firefox. But does not work properly for IE(11 or edge).
  Scenario:
  1. if everything is correct and submitted it works.
  2. if this is not checked and then submitted, it shows the popup validation message. But even after checked and submit, it still show the error message and forms does not submits at all.</p>
  
  <p>Please help!</p>