title: Radio buttons group - setCustomValidity and required option in conflict?
body: <p>I'm trying to come up with a form comprised of radio buttons group where a user must select one of the options and if he doesn't there's a custom validity message.</p>
  
  <p>So the logic will be:</p>
  
  <ol>
  <li>A user forgets to select an option and the validity message shows up.</li>
  <li>He goes back and selects any option to go proceed. </li>
  </ol>
  
  <p>The problem is, the way things are it only goes ahead if the selected option is the one with the onclick event as shown below. If it isn't then the message will keep showing up.</p>
  
  <p>I have tried to juggle around with the required, oninvalid and onclick thingies but to no avail. Any ideas?</p>
  
  <p>Thanks!</p>
  
  <pre><code>&lt;form&gt;
  &lt;input type="radio" name="test" value="0" required oninvalid="this.setCustomValidity('Click me')" onclick="setCustomValidity('')"&gt;Zero&lt;br&gt;
  &lt;input type="radio" name="test" value="1" class="wrapper"&gt;One&lt;br&gt;
  &lt;input type="radio" name="test" value="2" class="wrapper"&gt;Two&lt;br&gt;
  &lt;input type="submit"&gt;
  &lt;/form&gt;
  </code></pre>