Fehlermeldungen werden beim Klicken auf Senden Schaltfläche mit Winkelvalidierung nicht angezeigt

Question

Ich arbeite an eckigen Formvalidierungen. Abgesehen von Rest der Validierungen, möchte ich auch, dass, wenn wir das Formular ohne berühren irgendein Feld, dann alle Fehlermeldungen in Form angezeigt werden. Hier verwende ich unter Code im Namensfeld, so dass, wenn wir auf Senden Schaltfläche ohne zu berühren klicken Namensfeld dann Fehler im Namensfeld sollte mit rotem Rand angezeigt werden, aber es ist nicht erwerbsfähigen

 <div class="form-group" ng-class="{ 'has-error' : myForm.name.$invalid && (myForm.submitted || myForm.name.$touched) }"> 

    <label for="UserName" style="color:#767676" class="" ng-hide="myForm.name.$invalid && (myForm.submitted || myForm.name.$touched)">Name</label> 
         <label class="error_message_text" ng-show="myForm.name.$invalid && (myForm.submitted || myForm.name.$touched)"> 
          Please enter the name 
         </label><br> 
    <input type="text" name="name" class="form-control" ng-class="" ng-model="user.name" required/> 

</div> 

ich eine Plunker erstellt haben hier- https://plnkr.co/edit/33EbFu7pQuZrVyiuwNGZ?p=preview

Kann mir jemand sagen, wie ich die Validierung Fehlermeldungen erreichen mit roter Umrandung beim Klicken auf Senden Schaltfläche?

Answer 1

Statt myForm.submitted Verwendung myForm.$submitted

<div class="form-group" ng-class="{ 'has-error' : myForm.name.$invalid && (myForm.$submitted || myForm.name.$touched) }"> 
    <label for="UserName" style="color:#767676" class="" ng-hide="myForm.name.$invalid && (myForm.$submitted || myForm.name.$touched)">Name</label> 
    <label class="error_message_text" ng-show="myForm.name.$invalid && (myForm.$submitted || myForm.name.$touched)"> 
     Please enter the name 
    </label><br> 
    <input type="text" name="name" class="form-control" ng-class="" ng-model="user.name" required/> 
</div>