While working on one of my client’s project, I was required to display validation errors when the users hit the submit button. By default, AngularJS comes with $submitted form state. Its default value is false. As soon as the user hits the submit button, it becomes true.
We can use this state to make sure that error is hidden while the user has not clicked the submit button.
myForm.$submitted && myForm.username.$error.required
Note: This will work only with AngularJS 1.3 or higher
Quick Tip: Using Bootstrap Tooltip With AngularJs