title: custom/override error message provided by browser?
body: <p>Is there a way to override the error message provided by browser?
  I have a simple html:</p>
  
  <pre><code>&lt;input type="email" name="recipient"&gt;
  </code></pre>
  
  <p>If the email format is incorrect, the browser will show a message like :</p>
  
  <p>in Firefox:</p>
  
  <pre><code>Please enter a email address.
  </code></pre>
  
  <p>in Chrome:</p>
  
  <pre><code>Please include an @ in the email address... 
  </code></pre>
  
  <p>I wanna customize this browser provided error message, hope someone can help me on this.
  Thanks in advance!</p>