title: html5 oninvalid doesn't work after fixed the input field
body: <p>I have this input code in my form:</p>
  
  <pre><code>&lt;input maxlength="255" id="information_name" name="information[name]" oninvalid="check(this)" placeholder="Nombre Completo" required="required" size="30" style="width:528px;height:25px;" tabindex="3" type="text"&gt;
  </code></pre>
  
  <p>I change the oninvalid message with this javascritp code:</p>
  
  <pre><code>&lt;script&gt;
   function check(input) {
     if (input.value == "") {
       input.setCustomValidity('Debe completar este campo.');
     } else  {
       input.setCustomValidity('Debe corregir este campo.');
     }
  
   }
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is the problem, if I clicked on submit and the field is empty, the field shome the error so I need to fill the field, but after fill the field, I still getting the warning even the fill is not empty.</p>
  
  <p>What I'm doing wrong???</p>