title: Disable chrome/firefox tooltips on required field
body: <p>I am working on angular form validation where user need to input field(which are required)</p>
  
  <p>To work on required field validation I have used angular form validation. using 
  <code>ng-required="ture"</code>, but unfortunately I am getting tooltip on chrome browser. (see in picture below)</p>
  
  <p><a href="https://i.stack.imgur.com/zs8XM.png" rel="nofollow"><img src="https://i.stack.imgur.com/zs8XM.png" alt="enter image description here"></a></p>
  
  <p>If I use <code>novalidate</code> in input tag. validation is not working,
  then how can I display all invalid input field "<strong>required messages</strong>" on submit button click?</p>
  
  <p><a href="https://jsfiddle.net/venkatrjv/yk4om6un/2/" rel="nofollow"><strong>Fiddler here</strong></a></p>