Champ obligatoire Validation non masquée

Question

Le formulaire AngularJs est ci-dessous.

<form ng-submit="doForgotPassword();" novalidate name='forgotPasswordForm'> 

    <input type="email" name="EmailAddress" ng-model="credentials.EmailAddress" 
                     ng-required="true"/> 
    <span ng-show="forgotPasswordForm.EmailAddress.$invalid" class="help-block"> 
     Invalid email 
    </span> 
    <span ng-show="forgotPasswordForm.EmailAddress.$error.email" class="help-block"> 
     Email is required 
    </span> 

    <button type="submit" ng-disabled="forgotPasswordForm.$invalid"> 
     Forgot Password 
    </button> 
</form> 

problème est: Quand je commence à taper une adresse e-mail et si elle est invalide .... Je pouvais voir encore la validation d'adresse e-mail requise ainsi que l'adresse e-mail valide.

Sur la capture d'écran ci-dessous, nous pouvons voir que l'e-mail est entré mais la validation requise est toujours visible.

Pouvez-vous s'il vous plaît suggérer le bon code?

Answer 1

Utilisez la propriété required de $error:

<span ng-show="forgotPasswordForm.EmailAddress.$error.required" class="help-block"> 
    Email is required 
</span>