Disable chrome/firefox tooltips on required field
<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>