angularjs | validation de formulaire | ngMessages ne pas afficher le message d'erreur

Question

Je peux obtenir une erreur, comme le champ devient rouge, montrant le nombre de caractères devient rouge. Mais les messages d'erreur ne s'affiche pas. Aucune erreur trouvée dans la console. J'ai ajouté angulaire-1.3.4 ngMessages dépendance aussi. S'il vous plaît aider.

<div class="col-md-3 col-sm-6 col-xs-12"> 
<md-input-container flex> 
      <label>{{field.field_title}}</label> 
      <input ng-model="field.field_value" name="username" type="text" placeholder="Placeholder text" 
      ng-required="field.field_required" md-maxlength="field.max" > 

    <div ng-messages="userForm.username.$error"> 

     <p ng-message="maxlength">Your name is too long.</p> 
     <p ng-message="required">Your name is required.</p> 
    </div> 
</md-input-container> 
</div> 

Answer 1

Gardez ces attributs de champ de saisie simple:

ng-minlength = 3 ng-maxlength = 20 nécessaire

Ceci est mon code de travail pour les validations:

<form name="signup_form" novalidate ng-submit="signupForm()"> 
    <fieldset> 
    <legend>Signup</legend> 
    <div class="row"> 
     <div class="large-12 columns"> 
     <label>Your name</label> 
     <input type="text" 
      placeholder="Name" 
      name="name" 
      ng-model="signup.name" 
      ng-minlength=3 
      ng-maxlength=20 required /> 
     <div class="error-container" 
      ng-show="signup_form.name.$dirty && signup_form.name.$invalid && signup_form.submitted"> 
     <small class="error" 
      ng-show="signup_form.name.$error.required"> 
      Your name is required. 
     </small> 
     <small class="error" 
       ng-show="signup_form.name.$error.minlength"> 
       Your name is required to be at least 3 characters 
     </small> 
     <small class="error" 
       ng-show="signup_form.name.$error.maxlength"> 
       Your name cannot be longer than 20 characters 
     </small> 
     </div> 
     </div> 
    </div> 
    <button type="submit" class="button radius">Submit</button> 
    </fieldset> 
</form>