title: Hide native validation tooltip
body: <p>I have simple form with browser validation by pattern:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form action="" method="post"&gt;
     &lt;input type="text" name="phone" placeholder="+375 (__) ___-__-__" pattern="\+375\s\(\d{2}\)\s\d{3}-\d{2}-\d{2}" required /&gt;
     &lt;button type="submit"&gt;Submit&lt;/button&gt;
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <ol>
  <li>Put there some text, like <code>123</code></li>
  <li>Submit form (tooltip will be shown)</li>
  <li>Continue typing</li>
  </ol>
  
  <p>In my case in Chrome validation continues work automatically and tooltip blinks every time I type a symbol. Can it be avoided somehow?</p>
  
  <p>JSFiddle for check: <a href="https://jsfiddle.net/ypb36tpz/2/" rel="nofollow noreferrer">https://jsfiddle.net/ypb36tpz/2/</a></p>